<a>

Description

L’élément <a> (ancre) permet de créer des liens vers d’autres pages, des sections de la page courante, des fichiers, des adresses email ou tout autre URL. Son contenu — texte, image ou autre élément inline — devient la zone cliquable.

Syntaxe

<a href="https://example.com">Texte du lien</a>

Exemples

Lien externe :

<a href="https://example.com" target="_blank" rel="noopener noreferrer">
  Visiter example.com
</a>

Lien vers une ancre interne :

<a href="#section-introduction">Aller à l'introduction</a>

Lien de téléchargement :

<a href="/fichiers/rapport.pdf" download="rapport-2025.pdf">
  Télécharger le rapport
</a>

Attributs spécifiques

Attribut	Type	Description
href	URL	Destination du lien. Obligatoire pour un lien actif.
target	enum	Contexte d’ouverture : _self (défaut), _blank, _parent, _top
rel	liste	Relation avec la destination : noopener, noreferrer, nofollow…
download	string	Force le téléchargement. La valeur devient le nom du fichier.
hreflang	string	Langue de la ressource cible (ex. fr, en-US).
type	MIME	Type MIME de la ressource cible.
ping	liste d’URLs	URLs notifiées en arrière-plan lors du clic (usage analytique).

Notes

Accessibilité : le texte du lien doit être explicite hors contexte. Éviter “cliquez ici” ou “lire la suite” — préférer “Télécharger le rapport 2025”. Les lecteurs d’écran listent souvent les liens isolément.

target="_blank" : toujours associer rel="noopener noreferrer" pour éviter l’accès de la page cible à window.opener (faille tabnabbing).

Lien vs bouton : <a href> navigue vers une destination. <button> déclenche une action. Ne pas utiliser <a> sans href pour simuler un bouton.