8.1.3. Baliser les listes de définitions avec <dl>, <dt> et <dd>

Utiliser les balises <dl>, <dt> et <dd> pour baliser les listes de définitions (dans un glossaire par exemple).

Il est possible d’associer plusieurs définitions à un seul terme en procédant de la manière suivante :

<dl>
    <dt>Terme 1</dt>
    <dd>Définition du terme 1.</dd>
    <dt>Terme 2</dt>
    <dt>1. Première définition du terme 2.</dt>
    <dt>2. Deuxième définition du terme 2.</dt>
</dl>

HTML5

La spécification HTML5 étend le rôle de la liste de définitions classique à celui plus large d’une liste de descriptions : il est désormais possible d’utiliser <dl>, <dt> et <dd> pour baliser n’importe quels groupes de clés/valeurs. Par exemple :

<h2>Conférence sur le développement durable</h2>
<dl>
    <dt>Lieu</dt>
    <dd>Paris</dd>
    <dt>Date</dt>
    <dd>Samedi 29 septembre 2012</dd>
    <dt>Heure</dt>
    <dd>À partir de 10 heures</dd>
</dl>

Recommandations associées

Recommandation précédente : 8.1.2. Baliser les listes ordonnées avec <ol> et <li>
Recommandation suivante : 8.2.1. Baliser les blocs de citations avec <blockquote>