Aller au contenu

Balise HTML <dd>

La balise HTML <dd>, conjointement avec les <dl> et <dt>, est utilisée pour créer une liste de définitions. La balise <dd> contient la description du terme, qui est défini par la balise <dt>. Il doit y avoir au minimum une balise <dt> suivie d'au moins une balise <dd> pour chaque groupe. Il est possible de lister :

  • un terme suivi de plusieurs descriptions,
  • un terme suivi d'une description,
  • plusieurs termes suivis d'une description,
  • plusieurs termes suivis de plusieurs descriptions.

Pour définir la liste elle-même, nous utilisons la balise <dl>. Un seul terme peut avoir plusieurs définitions dans la liste de définitions. (En savoir plus sur les listes HTML).

L'élément <dd> est un élément de niveau bloc et peut contenir d'autres éléments : paragraphes, listes, images, liens, etc. Il est placé à l'intérieur de <body>.

Le contenu par défaut de l'élément <dd> possède une marge extérieure sur le côté gauche.

Syntaxe

La balise <dd> s'utilise par paire. Le contenu est écrit entre les balises ouvrante (<dd>) et fermante (</dd>).

Exemple de la balise HTML <dd> :

Liste de définitions|Exemple de la balise HTML <dd>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Definition list:</h1>
    <dl>
      <dt>Tea</dt>
      <dd>- hot drink</dd>
      <dt>Juice</dt>
      <dd>- ice drink</dd>
    </dl>
  </body>
</html>

Résultat

dd exemple

Exemple de la balise HTML <dd> pour insérer un dialogue :

Dialogue|Exemple de la balise HTML <dd>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>George</dt>
      <dd>Hi</dd>
      <dd>What’s up?</dd>
      <dt>Mary</dt>
      <dd>Hi.</dd>
      <dd>I’m doing well, what about you?</dd>
      <dt>George</dt>
      <dd>Thanks, everything is fine. What are you doing?</dd>
      <dt>Mary</dt>
      <dd>I’m going to a party today in the evening. And you?</dd>
    </dl>
  </body>
</html>

Attributs

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

Comment styliser une balise HTML <dd>

json
{
    "tag_name": "dd"
}

Pratique

Quelle est la fonction de la balise <dd> en HTML ?

Trouvez-vous cela utile?

Aperçu dual-run — comparez avec les routes Symfony en production.