Comprendre la Balise HTML <nav>

La balise HTML <nav> est un élément HTML5 qui représente une section d'une page où des liens de navigation sont souvent présents, typiquement les menus de navigation principaux.

Caractéristiques et Utilisation

Cette balise est une balise de sectionnement, c'est-à-dire qu'elle définit des sections dans un document, comme les chapitres d'une livre. En plus de définir une section, la balise <nav> indique également aux moteurs de recherche et aux technologies d'assistance que la section qu'elle encadre contient des liens de navigation.

Un exemple typique de l'utilisation de la balise <nav> se trouve dans l'en-tête d'une page web, où un menu de navigation est souvent présent:

<nav>
  <ul>
    <li><a href="#home">Accueil</a></li>
    <li><a href="#about">À propos</a></li>
    <li><a href="#contact">Contact</a></li>
  </ul>
</nav>

Dans cet exemple, la balise <nav> encadre une liste non ordonnée contenant des liens de navigation vers d'autres sections de la même page web.

Bonnes Pratiques

Bien que la balise <nav> puisse techniquement envelopper n'importe quel contenu navigable, il est recommandé de l'utiliser principalement pour les sections de navigation principale ou les sections de navigation répétées sur plusieurs pages d'un site. Pour des liens isolés ou des sections de navigation mineures, il est souvent préférable d'utiliser d'autres méthodes de regroupement ou de marquage.

Il peut également être utile de noter que la balise <nav> est un élément bloc, ce qui signifie qu'elle commence sur une nouvelle ligne et prend toute la largeur disponible.