La balise <dt> est utilisée en HTML pour définir un terme dans une liste de définitions, généralement à l'intérieur d'une balise <dl> (une liste de définitions 😗).
Elle indique un terme qui sera suivi de sa définition avec la balise <dd>.
Structure et syntaxe de la balise <dt>
Structure et syntaxe de base
Voici la syntaxe de base de la balise <dt> :
<dl>
<dt>Termes</dt>
<dd>Définition du terme</dd>
</dl>La balise <dt> doit toujours être utilisée à l’intérieur de la balise <dl> pour spécifier un terme, suivi de la balise <dd> qui donne la définition.
Exemple d’utilisation
Voici un exemple d'utilisation de la balise <dt> :
<dl>
<dt>HTML</dt>
<dd>Hypertext Markup Language, le langage de balisage pour structurer des pages web.</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets, utilisé pour la mise en forme de documents HTML.</dd>
</dl>Dans cet exemple, nous déclarons deux définitions : d'abord leur titre puis une brève description.
Attributs
La balise <dt> n’accepte pas d’attributs spécifiques autres que ceux généraux comme class, id ou style.
Différence avec d’autres balises similaires
<dl>: La balise<dl>est utilisée pour encapsuler une liste de termes et leurs définitions, dans laquelle chaque terme est défini par une balise<dt>et chaque définition par une balise<dd>.<dd>: La balise<dd>est utilisée pour fournir la définition du terme spécifié dans la balise<dt>.
Compatibilité des navigateurs
La balise <dt> est prise en charge par tous les navigateurs modernes.
| Navigateur | Compatibilité |
|---|---|
| Chrome | Oui |
| Firefox | Oui |
| Safari | Oui |
| Edge | Oui |
| Internet Explorer | Oui |