a href (balise HTML)
Glossary Term
a href (balise HTML)
La balise <a> (pour « anchor » en anglais, signifiant « ancre ») est l’une des plus importantes en HTML, car elle permet de créer des liens hypertextes. Le principal attribut de cette balise est href, qui indique l’URL vers laquelle l’utilisateur sera redirigé en cliquant sur le lien.
Structure de base de la balise
<a href="https://www.exemple.com">Cliquez ici</a>
Dans cet exemple, le texte « Cliquez ici » est cliquable et redirige vers https://www.exemple.com lorsque l’utilisateur clique dessus.
L’attribut href signifie « hypertext reference ». Cet attribut contient l’URL ou le chemin du document cible. Il peut pointer vers une page externe, un fichier local, ou un ancrage dans la même page.
Exemples
1. Lien externe :<a href="https://www.google.com">Google</a>
Cela ouvre le site de Google.
2. Lien interne (même site) :<a href="/contact/">Page de contact</a>
Ce lien mène vers une autre page du même site.
3. Ancre dans la même page :<a href="#section1">Aller à la section 1</a>
Ici, le lien redirige l’utilisateur vers une ancre située ailleurs dans la même page, définie comme ceci : <h2 id="section1">Section 1</h2>
Les autres attributs de la balise <a> :
– target : définit l’endroit où le lien s’ouvre (même onglet, nouvelle fenêtre, etc.). Par exemple, target="_blank" ouvre le lien dans un nouvel onglet.
– rel : définit la relation entre le document courant et la cible, utile pour la sécurité (ex : rel="noopener").
Exemple avec target et rel :<a href="https://www.exemple.com" target="_blank" rel="noopener">Lien sécurisé</a>
Ici, le lien s’ouvre dans un nouvel onglet, avec une meilleure sécurité pour prévenir les failles potentielles liées à l’ouverture de nouveaux onglets.
Importance du SEO et de l’accessibilité
– Les liens sont essentiels pour le référencement (SEO) car ils permettent aux moteurs de recherche de naviguer entre les pages et de les indexer.
– Pour les utilisateurs handicapés, les liens doivent être accessibles avec des textes d’ancrage pertinents. Évitez les textes comme « cliquez ici » sans contexte.
En bref
La balise <a> est un élément fondamental à connaître en HTML pour la création de liens entre les ressources de vos sites. Elle reste cruciale pour la navigation web, que ce soit pour les utilisateurs ou les moteurs de recherche.
Pour approfondir, consultez la documentation officielle de Mozilla sur la balise a.