Les listes de définitions HTML

Objectifs

• ِ Connaitre les listes de définitions en HTML.

Les listes de définitions HTML

• Les listes de définitions comportent deux parties, un terme et une description. Pour marquer une liste de définitions, il vous faut trois éléments HTML : un <dl> conteneur, un terme de définition <dt>, et une description de définition <dd>.
• Les listes de définition, sont créées en utilisant la balise <DL> , Elle se composent généralement d'une série de paires de terme / définition (bien que les listes de définition peuvent avoir d'autres applications).
• L'élément HTML <dl> représente une liste de descriptions sous la forme d'une liste de paires associant des termes (fournis par des éléments <dt>) et leurs descriptions ou définitions (fournies par des éléments <dd>).
• Ce type de liste est composé de deux parties : un terme et une description.

L’utilisation la plus appropriée est donc celle où un mot ou une expression : <dt> serait défini par une courte explication : <dd>, comme dans un dictionnaire ou un glossaire, par exemple.

• La structure de base d'une liste de définition est la suivante :
<dl> <dt>Terme 1</dt> <dd>Définition 1</dd> <dt>Terme 2</dt> <dd>Définition 2</dd> </dl>
• Vous pouvez utiliser plusieurs <dt> et <dd> dans la même liste de définitions
<dl> <dt>Pointer</dt> <dd>Viser à la pétanque</dd> <dd>Marquer comme fait</dd> </dl> <dl> <dt>Fordisme</dt> <dt>Taylorisme</dt> <dd>Tout sauf des vacances</dd> </dl>

Autres utilisations

• Vous pouvez aussi utiliser des éléments de type bloc dans une description de définition, comme un <p> ou un <ul>.
• Vous ne pouvez pas utiliser d'éléments de type bloc dans un terme de définition.
<dl> <dt>Grenouille</dt> <dd><p>Truc vert humide et qui croasse.</p></dd> </dl> <dl> <dt>Grenouille</dt> <dd> <ul> <li>Vert</li> <li>Humide</li> <li>Croasser</li> </ul> </dd> </dl>

Exemple

<p>Les développeurs Web utilisent ces langages lorsqu'ils créent un site:</p>
<dl>
    <dt>HTML</dt>
    <dd><em>HyperText Markup Language</em> décrit la structure de la page et son contenu.</dd>
    <dt>CSS</dt>
    <dd><em>Cascading Style Sheets</em> décrit à quoi ressemble un site et même dans une certaine mesure comment il répond à certains événements.</dd>
    <dt>JavaScript</dt>
    <dd>JavaScript est le langage de programmation utilisé pour définir la logique et la fonction d'un site au-delà de la simple apparence. Tout calcul ou "réflexion" se fait en JavaScript.</dd>
</dl>
 <dt>PHP</dt>
    <dd><em>HyperText Preprocessor</em> le meilleur langage de création de page dynamique</dt>
 <dt>SQL</dt>
    <dd><em>Structured Query Language</em> le langage interrogation des bases de données</dt>