Comment j’utilise les listes de définitions HTML

Les listes de définition `dl` permettent de créer une relation entre un terme et sa définition. L’utilisation la plus évidente de cet élément est le «glossaire» avec, par exemple, le terme à définir dans la balise `dt` et sa définition dans la balise `dd`. Les spécifications sont relativement claires à ce sujet et proposent même d’élargir son utilisation au dialogue entre les protagonistes d’une pièce de théâtre, aux instructions à suivre, à une FAQ avec question(s)/réponse(s), etc. On le devine, mais ça ira mieux en le disant : il est possible d’associer un ou plusieurs `dt` à un ou plusieurs `dd` dans un `dl`.

Les exemples présents sur la page du W3C sont très clairs à ce sujet :

In the following example, one definition is linked to two terms.

<dl>
    <dt lang="en-US"> <dfn>color</dfn> </dt>
    <dt lang="en-GB"> <dfn>colour</dfn> </dt>
    <dd>
        A sensation which (in humans) derives from
        the ability of the fine structure of
        the eye to distinguish three differently
        filtered analyses of a view.
    </dd>
</dl>

Il y a quelques années j’avais testé cette possibilité :

<dl>
    <dt class="day">dimanche 01/10/06</dt>
    <dt class="hour">15:19</dt>
    <dd>
        Tiens, ma loupanthère n'a toujours pas été indexée par Google.
    </dd>
    <dt class="hour">15:32</dt>
    <dd>
        La requête "loupanthère" sur fr.yahoo.com donne
        www.alfa147-france.net comme premier résultat...
    </dd>
    <dt class="hour">15:48</dt>
    <dd>
        J'ai ajouté deux balises H1 et H2 comportant des liens vers ma page
    </dd>
</dl>

Après avoir posé la question sur Twitter et comme parfois 140 caractères ne suffisent pas, je la repose ici :

Plusieurs <dt> et/ou plusieurs <dd> à la suite ça vous choque ? http://j.mp/cqFc6G <- par exemple dans cette page.