La balise <dl> est utilisée en HTML pour définir une liste de définitions.
Elle permet d'associer des termes avec leurs définitions de manière structurée.
Structure et syntaxe de la balise <dl>
Structure et syntaxe de base
Voici la syntaxe de base d’une balise <dl> :
<dl>
<dt>Termes</dt>
<dd>Définition du terme</dd>
</dl>On retrouve deux autres balises :
<dt>- Pour data title (titre de la donnée), qui permet de renseigner le titre du terme ;<dd>- Pour data description (description de la donnée), qui permet elle de renseigner sa description.
Exemple d’utilisation
Voici un exemple typique d'utilisation de la balise <dl> :
<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, la balise <dl> est utilisée pour associer des termes (via <dt>) à leurs définitions (via <dd>).
Attributs
La balise <dl> peut accepter certains attributs classiques HTML comme class, id ou style, mais elle ne possède pas d'attributs spécifiques.
Bonnes pratiques
Il est recommandé d'utiliser la balise <dl> pour regrouper des termes avec leurs définitions dans des contextes tels que des glossaires ou des index.
Évitez d'utiliser cette balise pour des listes ordonnées ou non ordonnées de simples éléments. La balise <dl> est exclusivement à utiliser pour des définitions.
Différence avec d’autres balises similaires
<ul>: La balise<ul>est utilisée pour des listes non ordonnées d'éléments généraux, tandis que<dl>est spécifiquement pour des listes de termes et définitions.<ol>: La balise<ol>est utilisée pour des listes ordonnées où l'ordre des éléments a une importance, contrairement à<dl>où l'ordre n'a pas de signification particulière.
Compatibilité des navigateurs
La balise <dl> est prise en charge par tous les navigateurs modernes.
| Navigateur | Compatibilité |
|---|---|
| Chrome | Oui |
| Firefox | Oui |
| Safari | Oui |
| Edge | Oui |
| Internet Explorer | Oui |