Menu horizontal display:inline

Bonjour,

J'ai une question sur les menus horizontaux.

Souvent, quand on écrit un menu on écrit en html :

<ul>
<li><a href="#">lien1</a></li>
<li><a href="#">lien2</a></li>
<li><a href="#">lien3</a></li>
<li><a href="#">lien4</a></li>
</ul>

et css :

li {
display: inline;
}

C'est tout de même étrange d'écrire d'abord du html de niveau bloc pour dire ensuite en css que le <li> doivent être affichés comme niveau inline ; alors que la balise <a> est déjà de niveau inline. Autrement dit, ceci :

<a href="#">lien1</a>
<a href="#">lien2</a>
<a href="#">lien3</a>
<a href="#">lien4</a>

Cela affiche déjà le menu horizontalement.

Y a-t-il une bonne raison de passer par la première solution ?

Merci,

Igor

Bonjour Igor,

Oui, la raison est sémantique : un menu, c'est une liste de liens hypertexte, donc on utilise les éléments HTML permettant de décrire une liste de liens, tout simplement

HTML est avant tout un langage de description sémantique du contenu d'une page web
Modifié par audrasjb (01 May 2014 - 11:54)

ok. Merci !