HTML  La balise <nav>

La balise <nav> définit un ensemble de liens de navigation.

L'élément <nav> est destiné seulement pour les grands blocs de liens de navigation.

Les navigateurs, tels que les lecteurs d'écran pour les utilisateurs handicapés, peuvent utiliser cet élément pour déterminer s'il faut omettre le rendu initial de ce contenu.

La balise HTML <nav> est utilisée pour définir une section de navigation dans un document web.

Exemple d'utilisation

Voici un exemple d'utilisation de la balise <nav> :

    
      <nav>
        <ul>
          <li><a href="#">Accueil</a></li>
          <li><a href="#">À propos</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    
  

Cet exemple crée une barre de navigation horizontale avec quatre liens: Accueil, À propos, Services et Contact.

Exemple Pratique

Voici un exemple plus concret de la balise <nav> utilisée dans une mise en page :

Exemple :     📋 Copier le code

  <nav>
          <a href="#">Accueil</a>    |      
          <a href="#">À propos</a>    |    
          <a href="#">Services</a>    |     
          <a href="#">Contact</a>    |    
  </nav>
  

Ce qui donne :

Dans cet exemple, la balise <nav> est utilisée pour envelopper une barre de navigation horizontale.

Exemple 2: Un menu de liens de navigation :

Exemple :     📋 Copier le code

  <nav>
    <a href="/html/">HTML</a> |
    <a href="/css/">CSS</a> |
    <a href="/js/">JavaScript</a> |
    <a href="/jquery/">jQuery</a>
  </nav> 

Appui de navigateur

La balise <nav> est prise en charge dans Internet Explorer 9 et +, edge , Firefox, Opera, Chrome et Safari.

Remarque : Internet Explorer 8 et versions antérieures, ne supportent pas la balise <nav>.

---

Conclusion

La balise <nav> est un élément essentiel pour structurer correctement votre code HTML, en particulier pour définir des sections de navigation dans vos documents web.

Différences entre HTML 4.01 et HTML5

La balise <nav> est nouvelle en HTML5.

Attributs globaux

La balise <keygen> prend également en charge les Attributs globaux en HTML.

---

Attributs de l'événement

La balise <keygen> prend également en charge les Attributs de l'événement en HTML.