[résolu] Un menu sémantiquement correct ???

Marsh Posté le 04-01-2006 à 15:51:54

Salut à tous et bonne année !!! :hello:

J'ai un petit dilemme.

J'hésite entre 2 codes pour faire un menu avec en-tête.

1er code :

Code :

<div id="menuH">
<h1>MenuH</h1>
<ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</div>

2eme code :

Code :

<dl>
<dt>MenuH</dt>
<dd><a href="#">lien 1</a></dd>
<dd><a href="#">lien 2</a></dd>
<dd><a href="#">lien 3</a></dd>
</dl>

Lequel des 2 est le plus "sémantiquement" correct ?

Merci d'avance pour vos conseils.

[:fafane84]

Message édité par fafane84 le 05-01-2006 à 15:51:21

---------------
Mon Topic de Vente Hardware

Reply

Marsh Posté le 04-01-2006 à 15:51:54

Reply

Marsh Posté le 04-01-2006 à 15:56:35

le deuxieme, sachant que le H1 n'est pas bien utilisé ici, puisque normalement il est situé en tant que titre de site

Message cité 1 fois

Reply

Marsh Posté le 04-01-2006 à 15:57:30

gatsu35 a écrit :

le deuxieme, sachant que le H1 n'est pas bien utilisé ici, puisque normalement il est situé en tant que titre de site

+1

Reply

Marsh Posté le 04-01-2006 à 16:08:55

Je dirais aucun des deux :
Dans le premier le <h1> est trés mal utilisé
Dans le second, il y a plusieurs <dd> pour un seul <dt> alors que dans un <dl>, il faut normalement un <dt> par <dd>.

Le mieux serait encore un :

Code :

<div id="menuH">
<span>MenuH</span>
<ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</div>

ou un

Code :

<div id="menuH">
MenuH
<ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</div>

Message cité 1 fois

Reply

Marsh Posté le 04-01-2006 à 16:09:31

Merci à vous 2 pour vos réponses ultra rapides et néanmoins pertinentes [:b-rabbit]

---------------
Mon Topic de Vente Hardware

Reply

Marsh Posté le 04-01-2006 à 16:18:16

Autant faire un mix de tout ca

Code :

<dl>
<dt>MenuH</dt>
<dd>
<ul>
<li><a>niania</a></li>
<li><a>niania</a></li>
<li><a>niania</a></li>
<li><a>niania</a></li>
</ul>
</dd>
</dl>

C'est la mode

Message édité par afbilou le 04-01-2006 à 16:18:53

Reply

Marsh Posté le 04-01-2006 à 16:19:09

omega2 a écrit :

Je dirais aucun des deux :
Dans le premier le <h1> est trés mal utilisé
Dans le second, il y a plusieurs <dd> pour un seul <dt> alors que dans un <dl>, il faut normalement un <dt> par <dd>.

Le mieux serait encore un :

Code :

<div id="menuH">
<span>MenuH</span>
<ul>
<li><a href="#">lien 1</a></li>
<li><a href="#">lien 2</a></li>
<li><a href="#">lien 3</a></li>
</ul>
</div>

Ah oui, effectivement cela semble plus logique.

Par contre, je ne savais pas qu'il fallait un <dt> par <dd>.

---------------
Mon Topic de Vente Hardware

Reply

Marsh Posté le 04-01-2006 à 16:27:38

les balises dl, dt, dd servent à indiquer une liste ( <dl> ) de définition( <dd> ) pour un certain nombre de terme/mot ( <dt> ).
Le fait qu'il y ai plusieurs définitions pour un terme donnée n'est pas à proprement parlé interdit, (les dicos donnent souvent plusieurs définitions pour les mots recherché) mais pour un menu sans sous menu ou un menu avec un seul élément de niveau 0 et un seul sous menu, ca me semble inadapté de partir sur cette structure là.

Mais bon, déjà à la base, j'aime pas l'idée de traiter les menus comme des dictionnaires. Et quand c'est un menu tout simple, j'aime encore moins.