De l’inutilité de <dl>

Sémantiquement c’est génial :

<dl>
<dt>Couleurs disponibles :</dt>
<dd>Bleue</dd>
<dd>Rouge</dd>
<dt>Pas de RAM</dt>
<dt>Pays : </dt>
<dd>France</dd>
<dd>Espagne</dd>
<dd>Wonderland</dd>
</dl>

On peut faire une liste avec des sortes de titres, et on sait que les éléments de la liste sont liés par leur titre.

Sauf que :

Les moteurs de recherche en ont rien à foutre. On a constaté aucune différence en passant de ça à un <ul> ou même une imbrication de <div>.
C’est impossible à styler : on ne peut pas grouper en CSS un <dt> et ses <dd>. Et les foutre dans des conteneurs rend le code invalide.
On ne peut pas mettre de balise block dans le <dt>. WTF ? C’est une putain de balise de titre !

Bref, la definition list est la balise la plus inutile de tous les temps. J’ai essayé de l’utiliser dans un millions de cas de figure, au final un <ul> avec un <strong> et un <span> dans le <li> ou des <div> pour les gros morceaux sont toujours plus facile à style. Les développeurs front end peuvent se mettre la sémantique au cul.

16 thoughts on “De l’inutilité de <dl>”

hdsdi3g 30/03/2013 at 18:41

Pourtant Bootstrap en fait une utilisation sympa : Description…

Sam Post author 30/03/2013 at 19:36

Sauf que tu peux faire ça avec un LI, que tu peux facilement changer le style après quand tu changeras d’avis (pas sur le DL) et que le search engine le voient pareil (alors qu’on devrait gagner des points en sémantique normalement). Mais en prime tu peux faire des hovers sur le tag LI, mais pas conjointement sur DT et DD.

Avoir des tags juste pour faire un cas spécial des LI, c’est so useless. Ca m’attriste, c’est tellement utile ce truc. Pourquoi ils ont pas juste permis de grouper les DT et les DD.

Etienne 30/03/2013 at 19:49

Les développeurs front end peuvent se mettre la sémantique au cul.

… dans le cul, carrément?

Bronco 30/03/2013 at 20:51

Je plussoie ! AU DIABLE LA SEMANTIQUE !
hinhiinhin
En tout cas , pas de sémantique au détriment de la simplicité de mise en oeuvre :P

JeromeJ 31/03/2013 at 00:08

La difficulté de faire certaines choses en XHTML m’a souvent pousser à utiliser table pour faciliter la mise en page de mon site ^^

Sam Post author 31/03/2013 at 08:13

Nan mais Jérome, tout de suite les extrêmes aussi…

Anon 31/03/2013 at 15:02

+1.

Et aussi.

Anon 31/03/2013 at 15:03

Anon 31/03/2013 at 15:06

THEAD BORDEL

 

Réchèr 31/03/2013 at 21:34

Au passage, cet article nous révèle que les caractères “inférieur à” et “supérieur à” ne passent pas dans multiboards.net.

Hahaha ! La malédiction du web. On ne peut pas faire de pages web qui parlent de balises web, parce qu’elles sont justement interprétées comme des balises web.

C’est un peu comme le Fight Club, quand t’es dedans, tu peux plus en parler.