01Un lien a besoin d’une destination
L’attribut href indique la destination du lien. Choisissez un texte explicite : « Découvrir nos services » aide davantage que « Cliquez ici ».
<a href="services.html">Read our services</a>
<a href="https://dect.dev">Visit DECT</a>02Aller à une section
Donnez un id unique à une section, puis créez un lien avec # suivi de cet id. Vous pouvez aussi ajouter une ancre à un lien vers une autre page.
<a href="#contact">Contact details</a>
<section id="contact">
<h2>Contact details</h2>
</section>03Liens ou boutons ?
Utilisez un lien pour naviguer vers une destination et un bouton pour déclencher une action, comme ouvrir un menu. Un élément a sans href ne remplace pas un bouton.
<nav aria-label="Main">
<a href="index.html">Home</a>
<a href="services.html">Services</a>
</nav>
<button type="button">Open menu</button>04À vous de jouer
Ajoutez un lien « Retour à À propos » sous la section Contact.
HTML et CSS uniquement. Les scripts et l’envoi des formulaires sont désactivés.
Pour aller plus loin
Consultez les guides MDN et standard HTML Living Standard pour approfondir et connaître les bonnes pratiques des navigateurs actuels.