Balise HTML `<dl>`

La balise <dl> définit une liste de définitions/descriptions (en savoir plus sur les listes HTML). Elle est utilisée avec les balises <dd> et <dt>. La balise <dl> crée une liste, la balise <dt> spécifie le terme, et la balise <dd> spécifie la description du terme.

Les lecteurs d'écran annoncent le contenu <dl> différemment. Assurez-vous que le contenu de chaque liste est rédigé de manière à communiquer sa relation avec les autres éléments de la liste du groupe.

Si vous utilisez des microdonnées ou des attributs globaux et que vous souhaitez les appliquer à un groupe entier, il peut être utile d'envelopper chaque groupe nom-valeur dans un élément <div>.

Il n'est pas recommandé d'utiliser l'élément <dl> pour simplement créer une indentation sur une page. Cela peut obscurcir le sens d'une liste de définitions.

Pour modifier l'indentation d'un terme de description, utilisez la propriété CSS margin.

La balise <dl> sert de conteneur pour les balises <dd> et <dt>.

Syntaxe

La balise <dl> s'utilise par paire. Le contenu est écrit entre les balises d'ouverture (<dl>) et de fermeture (</dl>).

Exemple de la balise HTML `<dl>` :

Balise HTML <dl>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>Hypertext</dt>
      <dd>A system of text pages that have cross-references.</dd>
      <dt>Hyperlink</dt>
      <dd>A part of a hypertext document that references another item.</dd>
    </dl>
  </body>
</html>

Try it Yourself »

Résultat

exemple de la balise dl

Attributs

La balise <dl> prend en charge les Attributs globaux et les Attributs d'événement.

Comment styliser une balise HTML <dl>

css

dl {
  margin: 0;
  padding: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 20px;
}

Pratique

Quelle est la bonne utilisation de la balise HTML <dl> selon les informations fournies sur w3docs.com ?

La balise <dl> est utilisée pour créer une liste de définitions en HTML.La balise <dl> est utilisée pour créer une liste déroulante en HTML.La balise <dl> doit être associée aux balises <dt> et <dd> pour spécifier respectivement le terme et sa définition.La balise <dl> ne doit pas être combinée avec d'autres balises.La balise <dl> est un élément de niveau bloc.La balise <dl> est un élément en ligne.

Balise HTML <dl> ​

Syntaxe ​

Exemple de la balise HTML <dl> : ​

Résultat ​