html5 rel attribut de la balise <a>

L'attribut rel de la balise <a> permet de spécifier la relation entre la page courante, où se trouve le lien dans sa balise <a>, et le document lié spécifié par l'attribut href.
Il s'agit donc exactement d'un attribut dont l'intérêt est purement sémantique.

Syntaxe générale

L'attribut rel s'utilise suivant:
<a rel="value">
ou plus généralement,
<a href="link" rel="value">
link est l'adresse vers laquelle pointe le lien, éventuellement interne à la page, par exemple href="#top", et value indique le lien sémantique avec la cible.
value peut prendre comme valeur:
alternate
lien vers une version alternative de la même page (version imprimable, vers un site mirroir, ou encore une version traduite dans une autre langue)
author
lien vers des informations sur l'auteur du document courant
help
lien vers une page d'aide
bookmark
adresse utilisée pour enregistrer en marque page (bookmark)
license
lien vers des informations de droits et copyright pour la page en cours
nofollow
"lien à ne pas suivre", spécifiquement pour les moteurs de recherche qui ne vont donc pas, en théorie, aller explorer la page cible
prefetch
spécifie que le document cible doit être mis en cache
noreferrer
spécifie que le navigateur ne doit pas renvoyer d'en-têtes HTTP lorsque le lien est suivi
next
lien vers le document suivant dans la sélection
prev
lien vers le document pécédent dans la sélection
search
lien vers une page avec un outil de recherche
tag
un tag, ou mot clé pour le document courant

Autres attribut pour la balise <a> en HTML5:

en plus de href="link", les attibuts suivants peuvent être utilisés:
download="file"
spécifie que la cible sera téléchargée en cliquant sur le lien
hreflang="lang"
spécifie le langage de la page cible (à associer à rel="alternate")
media="media_query"
spécifie le type de média de la page cible, pour lequel elle est optimisée
target=
  • "_blank": le document cible sera ouvert dans une nouvelle page, ou onglet
  • "_parent": ouvrir la cible dans le document parent
  • "_self": ouvrir le document cible dans la même page, ou frame, que celle où il a été cliqué (défaut)
  • "_top": ouvrir le document la page complète actuelle
  • "framename": ouvrir la page cible dans la frame framename

css par défaut

Les navigateurs affichent les balises <a> par défaut avec les valeurs:
a:link, a:visited {
    color: (internal value);
    text-decoration: underline;
    cursor: auto;
}
a:link:active, a:visited:active { 
    color: (internal value);
} 
à modifier à loisir bien évidemment…

Voir aussi: