Menu xhtml valide

Bonjour a tous , je me pose une question niveau sémantique et accessibilité selon vous quel est la meilleur manière de coder un menu avec des sous menu ...


<ul>
<li><a href="#">Partie 1</a></li>
<ul>
<li><a href="#">Sous Partie 1</a></li>
</ul>
<li><a href="#">Partie 2 </a></li>
<li><a href="#">Partie 3</a></li>
<li><a href="#">Partie 4</a></li>
</ul>

en attribuant un id a l'ul général

ou encore

avec dt et dl pour les partie général et ul li pour les sous partie ou encore seulement avec des <a /> avec des class

car je n'es trouvé aucun tuto permettant de savoir cela en détails

Pour vos réponses par avance merci ...

Bonjour,

C'est bel et bien la liste non-ordonnée imbriquée qui est, à ce jour, la meilleure façon de coder un menu avec des sous menu. Tu étais donc bien parti sauf qu'une petite erreur c'est glissée dans ton code à savoir la fermeture trop tôt de la balise <li> contenant ta liste de liens de second niveau.
Corrigé cela donne :

<ul>
<li><a href="#">Partie 1</a>
<ul>
<li><a href="#">Sous Partie 1</a></li>
</ul>
</li>
<li><a href="#">Partie 2</a></li>
<li><a href="#">Partie 3</a></li>
<li><a href="#">Partie 4</a></li>
</ul>

Et pour styler tout ça, tu peux effectivement "attribuer un id à l'ul général".
Modifié par mecho (19 Apr 2010 - 16:57)

Le code était simplement un exemple tapé trop rapidement merci pour la réponse