Titre: Ayatollah du XHTML : <fieldset> + <ul> pour un menu ?
Posté par: El Riiico le le 19-10-2004 a 17:39:45
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 ? |
Titre: Re:Ayatollah du XHTML : <fieldset> + <ul> pour un menu ?
Posté par: SIBELIUS le le 19-10-2004 a 18:30:27
Moi je procèderai différemment.
En effet, les listes (ul, li), ne peuvent pas exprimer structurellement et clairement cette hiérarchie (à moins de placer des balises de titres comme <Hn> au sein du menu comme tu l'as fait).
Les listes de définitions peuvent être une bonne utilisation pour structurer ce genre de menu car la définition du W3C est assez large et vague pour permettre ce genre d'utilisation :http://www.w3.org/TR/html4/struct/lists.html#edef-DL
Il suggère que les listes de définitions peuvent servir d'avantage d'usages, du moment qu'il existe une relation directe entre les éléments.
Dans notre cas, nous aurons un titre (dt) et des items de menu (dd) associées au titre.
Certains sites ont d'ailleurs développé assez loin cette structuration :
http://pompage.net/pompe/listesdefinitions/ : exemple d'une traduction sur Pompage.net
http://www.xdevdesign.com/Better_MS_Menu.htm : exemple du menu Microsoft revisité .
Quelques utilisations :
http://www.alsacreations.com/articles/deroulant/
http://www.alsacreations.com/articles/cadre/ |
Titre: Re:Ayatollah du XHTML : <fieldset> + <ul> pour un menu ?
Posté par: El Riiico le le 19-10-2004 a 20:33:12
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 :-[ |
Titre: Re:Ayatollah du XHTML : <fieldset> + <ul> pour un menu ?
Posté par: SIBELIUS le le 19-10-2004 a 22:06:59
| Humm, à ma connaissance, fieldset ne s'applique que dans un FORM ??? |
Titre: Re:Ayatollah du XHTML : <fieldset> + <ul> pour un menu ?
Posté par: MarvinLeRouge le le 19-10-2004 a 22:32:57
Pas qu'à ta connaissance, Sibelius : | 17.10 Adding structure to forms: the FIELDSET and LEGEND elements |
|
Provenance : w3.org ;D
C'est un "form control group" (dixit w3c again). |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|