L’élément <nav> regroupe une section de la page comportant un groupe de liens dirigeant vers d’autres pages ou une partie de la page.
Il est question d’une section prévue pour aider à la navigation dans un document.
Un document HTML peut posséder plusieurs éléments nav : un élément pour la navigation sur le site et un autre pour celle de la page.
Tous les liens du document ne doivent pas faire partie d’un seul élément nav.
Pour illustrer cela, voici un exemple avec un code CSS :
<nav class="stylehtml5">
<ol>
<li class="stylehtml"><a href="#">HTML5</a></li>
<li class="stylehtml"><a href="#">Liste balises HTML5</a></li>
<li class="stylehtml">Balise nav</li>
</ol>
</nav>
<h1>Balise nav</h1>
<p>L’élément nav regroupe une section de la page comportant un groupe de liens dirigeant vers d’autres pages ou une partie de la page.</p>
Le code CSS :
nav {
border-bottom: 1px solid black;
}
.stylehtml5 ol {
list-style-type: none;
padding-left: 0;
}
.stylehtml {
display: inline-block;
}
.stylehtml a::after {
display: inline-block;
color: #000;
content: '>';
font-size: 80%;
font-weight: bold;
padding: 0 3px;
}
Cela donne le résultat suivant :
