<nav> : l'élément de section de navigation
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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.).
Exemple interactif
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-labelledby
pourra ê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
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 | |
Parents autorisés | Tout élément acceptant du contenu de flux. |
Rôles ARIA autorisés | Aucun |
Interface DOM | HTMLElement |
Spécifications
Specification |
---|
HTML Standard # the-nav-element |
Compatibilité des navigateurs
BCD tables only load in the browser