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>

  • Sam Post author

    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

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

    dans le cul, carrément?

  • Bronco

    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

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

  • Réchèr

    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.

  • Sam Post author

    Je crois que max a eu un élan de pitié et l’a retiré.

Comments are closed.

Des questions Python sans rapport avec l'article ? Posez-les sur IndexError.