<a>
Naviguer vers une autre page, mais aussi télécharger, envoyer un mail, ancrer
<a> — Le lien hypertexte
La balise <a> crée un lien hypertexte. Elle peut pointer vers une autre page, un fichier à télécharger (download), une adresse email (mailto:), un numéro de téléphone (tel:) ou une ancre dans la même page (#section).
Quand l'utiliser
Tu veux naviguer vers une autre page, proposer un téléchargement, ouvrir le client mail de l'utilisateur ou permettre de sauter à une section de la page courante.
Ce que tu gagnes
Accessibilité : les lecteurs d'écran listent tous les liens de la page. Un intitulé explicite ("Télécharger le rapport PDF") est compréhensible hors contexte, contrairement à "cliquez ici".
SEO : Google utilise l'intitulé du lien pour comprendre la page cible (SEO Starter Guide). "Télécharger le rapport" dit plus que "cliquez ici", pour les moteurs comme pour les humains.
Exemple de code
<nav>
<a href="/blog">Blog</a>
<a href="/about">About us</a>
</nav>
<a href="/report-2026.pdf" download>Download 2026 report (PDF, 2.4 MB)</a>
<a href="mailto:contact@example.com">Contact us by email</a>
<a href="#pricing">Jump to pricing</a>Pour aller plus loin
- Posez la souris — tout ce qui est cliquable doit être utilisable au clavier
- WHATWG —
<a> - W3C — WCAG 2.4.4 Link Purpose
- MDN —
<a>