Bonjour à tous.

Je suis en train de refaire un site pour le rendre conforme aux standards. J'ai une question concernant les menus, ceux qu'on affiche généralement dans une collone à gauche. Bon, je vous préviens, c'est pour être le plus conforme aux standards possible, donc c'est un peu du coupage de cheveux en quatre...

J'ai plusieurs menus très classiques à créer, dans le genre :

Partenaires :
- Machin
- Bidule
- Trucmuche
- Encore un dernier

J'ai regardé sur plusieurs sites de références sur le XHTML. Ils conseillent tous de faire comme ça :

Code:

<h2 class="partenaires">Partenaires</h2> <ul class="partenaires"> <li>Machin</li> <li>Bidule</li> <li>Trucmuche</li> <li>Encore un dernier</li> </ul>

Je sais que ça marche bien, je l'ai déjà utilisé.

Mais ce qui me gène, c'est que le titre de la liste (ici "Partenaires") soit sémantiquement séparé de la liste qu'il nomme. D'ailleurs du coup la plupart des gens enveloppent chaque menu dans une <div> (comme Tristan Nitot sur openweb), ou ajoutent des <hr /> qu'il effacent avec les CSS. Histoire qu'en XHTML sans mise en forme, les menus soient bien séparés.
Le problème vient de ce qu'on ne peut pas afficher de titre dans une liste, et qu'il faut bien trouver quelquechose, d'où la solution généralement choisie d'ajouter un titre de type <h2>

Ma question dans ce cas, serait de savoir si on pourrait pas utiliser un fieldset, comme suit :

Code:

<fieldset id="partenaires"> <legend>Partenaires</legend> <ul> <li>Machin</li> <li>Bidule</li> <li>Trucmuche</li> <li>Encore un dernier</li> </ul> </fieldset>

Là même en virant la mise en forme, les liste sont un joli cadre qui décrit le contenu. Et sémantiquement, le <legend> a bien pour vocation de décrire le contenu. Ca vous semble une hérésie ?

Ok, effectivement ça m'a l'air pas mal du tout tout ça.

Dommage, j'aime bien les fieldset, je les trouve jolis et sous-employés. Les pauvres 

Pas qu'à ta connaissance, Sibelius :

Citation:

17.10 Adding structure to forms: the FIELDSET and LEGEND elements

Provenance : w3.org
C'est un "form control group" (dixit w3c again).