lment HTML <nav> : l'lment de section de navigation

<nav class="crumbs">
  <ol>
    <li class="crumb"><a href="#">Vlos</a></li>
    <li class="crumb"><a href="#">BMX</a></li>
    <li class="crumb">Jump Bike 3000</li>
  </ol>
</nav>

<h1>Jump Bike 3000</h1>
<p>
  Ce vlo BMX est une tape solide vers le monde professionnel. Il a l'apparence
  et la performance d'un vrai BMX et est conu pour perfectionner vos
  comptences.
</p>

nav {
  border-bottom: 1px solid black;
}

.crumbs ol {
  list-style-type: none;
  padding-left: 0;
}

.crumb {
  display: inline-block;
}

.crumb a::after {
  display: inline-block;
  color: black;
  content: ">";
  font-size: 80%;
  font-weight: bold;
  padding: 0 3px;
}

<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>

<nav>
  <h2>Navigation</h2>
  <p>
    Vous tes sur ma page d'accueil. Au nord se trouve
    <a href="/blog">mon blog</a>, d'o l'on entend les bruits de bataille. 
    l'est, vous pouvez voir une grande montagne, sur laquelle de nombreux
    <a href="/school">devoirs scolaires</a> sont parpills. Tout en haut de
    cette montagne, vous pouvez apercevoir une petite silhouette qui semble tre
    moi, en train de rdiger dsesprment une
    <a href="/school/thesis">thse</a>.
  </p>
  <p>
     l'ouest se trouvent plusieurs sorties. Une sortie amusante est intitule
    <a href="https://games.example.com/">&nbsp;jeux&nbsp;</a>. Une autre
    sortie, plus ennuyeuse, est intitule
    <a href="https://isp.example.net/">ISP</a>.
  </p>
  <p>
    Au sud se trouve une <a href="/about">page de contacts</a> sombre et humide.
    Des toiles d'araigne recouvrent son entre dsaffecte, et  un moment
    donn, vous voyez un rat sortir rapidement de la page.
  </p>
</nav>