L'élément HTML <nav> représente une section d'une page ayant des liens vers d'autres pages ou des fragments de cette page. Autrement dit, c'est une section destinée à la navigation dans un document (avec des menus, des tables des matières, des index, etc.).

Catégories de contenu Contenu de flux, contenu sectionnant, contenu tangible.
Contenu autorisé Contenu de flux.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément acceptant du contenu de flux.
Rôles ARIA autorisés Aucun
Interface DOM HTMLElement

Attributs

Cet élément ne possède que les attributs universels.

Notes d'utilisation

  • Tous les liens d'un document ne doivent pas faire partie d'un élément <nav>. Ce dernier est fait pour créer des blocs conséquents contenants des liens de navigations au sein du document. L'élément <footer> possède souvent différents liens, il n'a pour autant pas besoin d'être dans un élément <nav>.
  • Un document peut avoir plusieurs éléments <nav>, par exemple un pour la navigation sur le site et  un autre pour la navigation au sein de la page.
  • Les agents utilisateurs, tels que les lecteurs d'écrans assistant les utilisateurs handicapés, peuvent utiliser cet élément pour déterminer s'il faut omettre ou non le rendu initial du contenu relatif uniquement à la navigation.

Exemples

HTML

<nav class="menu">
  <ul>
    <li><a href="#Accueil">Accueil</a></li>
    <li><a href="#Apropos">À propos</a></li>
    <li><a href="#Contact">Contact</a></li>
  </ul>
</nav>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<nav>' dans cette spécification.
Standard évolutif Aucune modification depuis la dernière dérivation.
HTML5
La définition de '<nav>' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 5Edge Support complet OuiFirefox Support complet 4IE Support complet 9Opera Support complet 11.1Safari Support complet 4.1WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 11Safari iOS Support complet 4.2Samsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, marie-ototoi, ZanyMonk, tregagnon
Dernière mise à jour par : SphinxKnight,