Aller au contenu

La balise <nav>

La balise <nav> est utilisée pour délimiter une section de navigation dans une page Web.

  • Lorsque le navigateur rencontre une balise <nav> il identifie cette section comme contenant des liens de navigation importants permettant aux utilisateurs de se déplacer dans le site ou dans la page.

  • Les technologies d’assistance, comme les lecteurs d’écran, reconnaissent automatiquement cette zone comme un bloc de navigation.

  • La balise <nav> est une balise sémantique de type block par défaut.

  • Parce qu'il s'agit d'un élément conteneur, une balise de fermeture </nav>est nécessaire pour indiquer où la zone de navigation se termine.

Bonnes pratiques

Il est recommandé :

  • d'utiliser <nav> uniquement pour les groupes de liens de navigation principaux;
  • d'éviter d'englober tous les liens de la page dans une seule balise <nav>;
  • de fournir des intitulés de liens clairs et explicites;
  • d'utiliser le CSS pour personnaliser l'apparence du menu;

SEO

La balise <nav> aide les moteurs de recherche à mieux comprendre la structure d'un site. Elle permet d'identifier les principaux liens de navigation et contribue à une organisation sémantique plus claire du document HTML.

Exemples

<nav>
    <a href="index.html">Accueil</a>
    <a href="services.html">Services</a>
    <a href="contact.html">Contact</a>
</nav>