Le tag <nav> est utilisé pour créer les blocs de navigation, les liens, qui mènent à d’autres pages Web ou à des sections du site actuel.

Un seul document HTML peut contenir plusieurs tags <nav>, l’autre peut contenir un groupe de liens pour naviguer sur le site, un autre pour naviguer dans la page Web actuelle.

Notez que tous les liens du document HTML ne peuvent pas être placés dans l'élément <nav>, ils ne peuvent inclure que de gros blocs de navigation. N'incluez pas <nav> dans le tag <footer>.

Le tag <nav> ne peut être inclus dans l’élément <address>.

Syntaxe

Le tag <nav> est apparié, donc le contenu est écrit entre les tags ouvrant (<nav>) et fermant (</nav>).

Le tag <nav> est un nouvel élément dans la spécification HTML5.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <header>
      <h1>Cours de programmation</h1>
    </header>
    <nav>
      <a href="/learn-html.html">HTML</a> | <a href="/learn-css.html">CSS</a> | <a href="/learn-javascript.html">JavaScript</a> | <a href="/learn-php.html">PHP</a> |
    </nav>
    <h2>Bienvenue à W3Docs!</h2>
  </body>
</html>

Résultat

Bienvenue à W3Docs

Attributs

Le tag <nav> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <nav> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <nav>:

Coloration du texte dans le tag HTML <nav>:

Styles de mise en page du texte pour la tag HTML <nav>:

Autres propriétés utiles pour le tag HTML <nav>:

Support de Navigateurs

chrome firefox safari opera
6+ 4+ 5+ 11.1+

Pratiquez vos connaissances

Que fait la balise HTML <nav>?
Trouvez-vous cela utile?