html5 rel attribut de la balise <a>
L'attributrel
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'attributrel
s'utilise suivant:<a rel="value">
ou plus généralement, <a href="link" rel="value">
où
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 dehref="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…