Barre de navigation supérieure

Comme toujours, le choix des balises html doit être guidé par la nature du contenu qu’on souhaite y placer. Dans le cas d’un menu, la question est un peu délicate, dans la mesure où il n’existe pas de balise spécifique pour désigner un ensemble de liens.

Un point de vue largement répandu consiste à considérer le menu de navigation comme une liste de liens, et donc à utiliser la balise correspondant aux listes non ordonnées,

<ul id="navigation">
  <li><a href="#" title="aller à la section 1">item1</a></li>
  <li><a href="#" title="aller à la section 2">item2</a></li>
  <li><a href="#" title="aller à la section 3">item3</a></li>
  <li><a href="#" title="aller à la section 4">item4</a></li>
  <li><a href="#" title="aller à la section 5">item5</a></li>
</ul>

Remarquez l’identifiant placé sur la balise <ul>. C’est tout ce dont on a besoin accéder aux différents éléments du menu et pour les modifier dans la feuille de style.

S’il s’agit d’une liste de liens de navigation en HTML5, pensez à ajouter les balises <nav> et </nav> autour de la liste <ul>.


%d blogueurs aiment cette page :