Tableau récapitulatif des attributs courants des liens :
Attribut | Description |
---|---|
href | L’URL vers laquelle le lien pointe. |
title | Un texte descriptif qui apparaît lorsqu’on survole le lien avec la souris. |
target | Indique comment le lien doit être ouvert (par exemple, dans une nouvelle fenêtre ou un nouvel onglet). |
rel | Spécifie la relation entre la page actuelle et la page liée (ex: « nofollow », « noopener », etc.). |
download | Indique que le lien est un téléchargement, et spécifie le nom de fichier proposé lors du téléchargement. |
type | Le type de contenu associé au lien (par exemple, « text/css », « application/pdf », etc.). |
aria-label | Un texte alternatif utilisé pour les lecteurs d’écran afin de décrire le lien. |
tabindex | Spécifie l’ordre de tabulation des liens lorsque la navigation au clavier est activée. |
onclick | JavaScript à exécuter lorsqu’un utilisateur clique sur le lien. |
data-* | Attributs personnalisés permettant de stocker des données personnalisées directement sur le lien. |
Ces attributs peuvent varier selon les besoins et les spécifications de chaque projet web.
Tableau récapitulatif des valeurs courantes de l’attribut « rel » des liens :
Valeur | Description |
---|---|
noreferrer | Indique au navigateur de ne pas envoyer le référeur (URL de la page actuelle) lors du clic. |
nofollow | Indique aux moteurs de recherche de ne pas suivre le lien pour le référencement. |
noopener | Indique au navigateur d’ouvrir le lien dans une nouvelle fenêtre sans donner accès à l’opener. |
noreferrer noopener | Combinaison des deux valeurs précédentes. Empêche le suivi du référeur et ouvre dans une nouvelle fenêtre. |
external | Indique qu’il s’agit d’un lien vers un site externe. |
canonical | Indique une URL canonique pour les moteurs de recherche. |
alternate | Indique une version alternative d’une page (par exemple, pour les langues différentes). |
prev, next | Indique une relation séquentielle entre les pages (par exemple, pour une pagination). |
stylesheet | Indique qu’il s’agit d’une feuille de style CSS. |
bookmark | Indique qu’il s’agit d’un signet dans le document. |
help | Indique un lien vers une page d’aide. |
license | Indique la licence du document lié. |
tag | Indique qu’il s’agit d’un lien vers un tag ou une catégorie. |
Ces valeurs peuvent être utilisées individuellement ou combinées pour indiquer différentes relations entre la page actuelle et la page liée.
* * Cette case à cocher est obligatoire
*J'accepte