a – lien

• Affichage par défaut : display: inline
• Balise de fermeture : obligatoire
• Contenu : tout ce que peut contenir son parent (y compris des blocs), mais sans éléments interactifs (autre lien, bouton, champ de formulaire)
• Où il peut figurer : partout où le contenu phrasé est autorisé ; il peut aussi entourer un bloc
• Interface DOM : HTMLAnchorElement

Attributs

• href – cible du lien : une URL (/contact/, https://…), une ancre (#method = l’élément avec id="method"), mailto:info@example.com, tel:+33465711234.
• target – où s’ouvre la cible : _blank (nouvelle fenêtre ou nouvel onglet), _self (par défaut), _parent, _top ou le nom d’un cadre.
• rel – relation avec la cible : noopener et noreferrer (sécurité et confidentialité), pour les moteurs de recherche nofollow, sponsored (lien payant) et ugc (lien venant des utilisateurs).
• download – télécharge le fichier au lieu de l’ouvrir ; la valeur est le nom de fichier proposé. Ne fonctionne que pour les adresses du même site.
• hreflang, type – langue et type de la page cible (à titre d’information seulement).
• referrerpolicy – quelle adresse de page le navigateur envoie à la cible.

Exemples

Lien vers une page, vers un endroit de la page, e-mail et numéro de téléphone :

<p>
  <a href="/contact/">Contact</a> ·
  <a href="#opening-hours">Horaires d’ouverture</a> ·
  <a href="mailto:info@example.com">info@example.com</a> ·
  <a href="tel:+33465711234">04 65 71 12 34</a>
</p>

Lien vers un autre site dans une nouvelle fenêtre, lien payant et fichier à télécharger :

<a href="https://www.example.org/" target="_blank" rel="noopener">Partenaire (s’ouvre dans une nouvelle fenêtre)</a>
<a href="https://www.example.net/offer/" rel="sponsored">Publicité</a>
<a href="/files/price-list-2026.pdf" download="price-list.pdf">Tarifs (PDF, 120 ko)</a>

Toute une carte comme un seul lien – un lien peut aussi entourer des blocs :

<a class="card" href="#bread">
  <h3>Pain au levain</h3>
  <p>Au levain maison, 4,50 €</p>
</a>

.card {
  display: block;
  max-width: 240px;
  padding: 4px 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  color: inherit;
  text-decoration: none;
}

Accessibilité

Le texte du lien doit dire, même hors contexte, où il mène – les lecteurs d’écran savent lister tous les liens de la page, et « cliquez ici » ne dit rien dans une telle liste. Il est bon d’indiquer dans le texte que le lien s’ouvre dans une nouvelle fenêtre. Un lien mène quelque part, un bouton (button) fait quelque chose – « Envoyer » ou « Fermer » ne doivent pas être un lien avec href="#".

Points d’attention

• Les navigateurs traitent aujourd’hui target="_blank" comme s’il avait rel="noopener" – la nouvelle page n’obtient pas d’accès à la page d’origine via window.opener (Chrome depuis la 88, Firefox depuis la 79, Safari depuis la 12.1, état : octobre 2026). Pour les navigateurs plus anciens, on écrit toujours rel="noopener".
• Un lien ne peut contenir ni un autre lien ni un bouton. Le navigateur sort le lien imbriqué du lien extérieur et la page se désorganise.
• Sans href, le navigateur ne donne pas à l’élément l’apparence d’un lien (couleur, soulignement) et on ne peut pas l’atteindre au clavier.
• Pour un fichier d’un autre site, les navigateurs ignorent download et se contentent d’ouvrir le fichier.
• Vérifiez les adresses venant des visiteurs (commentaires, profils) – href="javascript:…" exécute un script (XSS).

Prise en charge par les navigateurs

Baseline – largement disponible : fonctionne dans tous les navigateurs courants, et depuis longtemps (au plus tard depuis 2015). Depuis la version : Chrome 1, Firefox 1, Safari 1. État : octobre 2026 (MDN browser-compat-data).

Voir aussi :
button – bouton
base – URL de base
area – zone d’une carte d’image
nav – navigation
id – identifiant (attribut)
title – info-bulle de l’élément (attribut)