Aller au contenu

Topic D

Description

L’élément <nav> en HTML représente une section d’une page web conçue spécialement pour les liens de navigation. Ces liens permettent aux utilisateurs de se déplacer à l’intérieur du même document ou de naviguer vers d’autres pages.

Utilisation

L’élément <nav> s’implémente en ouvrant une balise <nav> au début de la zone concernée, puis en la clôturant avec </nav> à la fin. Il englobe ainsi l’ensemble du contenu destiné à la navigation au sein de la page.

Exemples

<nav class="crumbs">
  <ol>
    <li class="crumb"><a href="#">Bikes</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>
  This BMX bike is a solid step into the pro world. It looks as legit as it
  rides and is built to polish your skills.
</p>

<nav class="menu">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

Compatibilité

<aside>

Description

L'élément HTML <aside> représente une partie du document dont le contenu est partiellement ou indirectement relié au contenu principale d'une page web.

Utilisation

L'élément HTML <aside> est généralement affiché sous forme de légendes ou dans une bar latérale d'un documents. Il permet d'ajouter du contexte additionel à la page web tel que des informations sur le sujet, des liens, publicité ainsi que des information sur l'autheur et des citations. Cet élément est un élément sectionnant tel que <nav>, <article>, et <section>.

Exemples

<article>
  <p>
    Le film Disney <cite>La petite Sirène</cite> est sorti en salles en 1989.
  </p>
  <aside>
    <p>Le film a gagné 87 millions de dollars pendant sa sortie initiale.</p>
  </aside>
  <p>Plus d'informations sur le film…</p>
</article>

<p>
    Salamanders are a group of amphibians with a lizard-like appearance, including
    short legs and a tail in both larval and adult forms.
</p>
<aside>
    <p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>
<p>
    Several species of salamander inhabit the temperate rainforest of the Pacific
    Northwest, including the Ensatina, the Northwestern Salamander and the
    Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects,
    worms and other small creatures.
</p>

Compatibilité

Source image

<aside> : The Aside element