listes block

<dl>

Représente une liste de termes associés à leurs descriptions : glossaire, métadonnées, paires clé-valeur.

Description

L’élément <dl> représente une liste de paires terme/description. Chaque terme est marqué avec <dt> et sa ou ses descriptions avec <dd>. Usage typique : glossaires, métadonnées, listes de propriétés (FAQ, spécifications techniques).

Syntaxe

<dl>
  <dt>Terme</dt>
  <dd>Description du terme.</dd>
</dl>

Exemples

Glossaire :

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language — langage de balisage du web.</dd>

  <dt>CSS</dt>
  <dd>Cascading Style Sheets — langage de style pour les pages web.</dd>

  <dt>JavaScript</dt>
  <dd>Langage de programmation interprété, principalement utilisé côté client.</dd>
</dl>

Métadonnées d’un article (plusieurs descriptions pour un terme) :

<dl>
  <dt>Auteur</dt>
  <dd>Alice Martin</dd>

  <dt>Tags</dt>
  <dd>CSS</dd>
  <dd>Grid</dd>
  <dd>Mise en page</dd>
</dl>

Notes

Un terme, plusieurs descriptions : un <dt> peut être suivi de plusieurs <dd>. De même, plusieurs <dt> peuvent précéder un seul <dd>.

<dl> vs <table> pour les métadonnées : <dl> est approprié pour les paires clé-valeur sans structure tabulaire. Pour des données comparatives ou des données en colonnes, préférer <table>.

Support navigateurs

Chrome1+ · Firefox1+ · Safari≤4+ · Edge12+