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.).
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
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. L'attributaria-labelledbypourra être utilisé afin d'améliorer l'accessibilité. - 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
Résumé technique
| 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 |
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
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer unepull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
nav | Chrome Support complet 5 | Edge Support complet Oui | Firefox Support complet 4 | IE Support complet 9 | Opera Support complet 11.1 | Safari Support complet 4.1 | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet 11.1 | Safari iOS Support complet 4.2 | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet