Dans ce chapitre on va pas seulement apprendre la syntaxe XHTML des listes de définition, mais aussi leur bonne affectation

• Introduction et utilisation des listes de définition

• Les balises d'une liste de définition dl, dt, dd

• Exemple d'une liste de définition

• Exemples illustrant l'utilisation des listes de définitions

• Une liste de définitions avec plusieurs termes ou définitions

Introduction et utilisation des listes de définition

Une liste de définition est destinée normalement à étaler une succession de termes et leurs définitions respectives (paire terme/définition), cependant vous pouvez utiliser généralement les listes de définition pour marquer des éléments qui ont une relation directe et étroite :

• le marquage d'un dialogue (personnage/propos) ;
• le marquage d'une suite de sigles ou abréviations (sigle ou abréviation/appellation complète) ;
• l'insertion d'une suite de phrases traduites en un autre langage (phrase/traduction) ;
• le marquage d'une série de causes/effets.

Les balises d'une liste de définition dl, dt, dd

La syntaxe d'une liste de définition se différencie des listes énumératives numérotée (ordonnée ol ) ou non ordonnée ( ul ) par l'insertion de trois balises (au lieu de deux tags seulement).

• une première balise dl (definition list :  liste de définition). dl et /dl permettent respectivement d'introduire et de clôturer une liste de définition c'est l'équivalent de ul et ul pour les listes énumératives ;
• une deuxième balise dt (definition term :  terme à définir). Chaque terme à définir doit être encadré par les deux balises dt /dt ;
• une troisième balise dd (dd = definition definition   =  définition du terme). La définition du terme doit être encerclée par les deux balises dd /dd ;
• les balises de fermeture /dt et /dd peuvent être omises en html. En xhtml elles doivent être nécessairement consignées.

Exemple d'une liste de définition

  dl      
  dt  Un caniche :  /dt  
  dd  Un tas de couton muni de quatre pattes qui ne sait que boire, manger et pisser.  /dd  
  /dl  

Un caniche :

Un tas de couton muni de quatre pattes qui ne sait que boire, manger et pisser.

Les balises dl , dt et dd à la loupe

• la balise dl : Balise de type bloc, elle ne doit comporter que les balises dt et dd et peut être imbriquée dans les éléments suivants : blockquote, del, ins, button, dd (imbrication de listes de définition), div, fieldset, form, li, object td et th.
• la balise dt : Ne peut être placé que dans la balise dl , et ne peut contenir que des éléments de type en-ligne (liens, images, em , etc.).
• la balise dd : elle n'est autorisée que dans l'élément dl et peut comporter tous les éléments que ce soit de type en-ligne ou bloc ( p , ul etc.).

Extrait du DTD strict des balise dl , dt et dd

  !-- definition lists - dt for term, dd for its definition --  
  !ELEMENT dl (dt|dd)+  
  !ATTLIST dl
 %attrs;
   
  !ELEMENT dt %Inline;  
  !ATTLIST dt
 %attrs;
   
  !ELEMENT dd %Flow;  
  !ATTLIST dd
 %attrs;
   

• l'élément dl peut contenir un ou plusieurs éléments dt et dd "(dt|dd)+" ;
• l'élément dt peut contenir du texte (PCDATA) ou des éléments de type en-ligne ;
• l'élément dd peut contenir tout (%flow) : texte (PCDATA), des éléments de type en-ligne ou bloc.

Exemples illustrant l'utilisation des listes de définitions

Exemple d'une suite de sigles étendues

HTML

HyperText Markup Language.

XML

Extensible Markup Language.

XHTML

Extensible HyperText Markup Language .

CSS

Cascading style Sheet.

Exemple d'un dialogue

Le professeur :

Salut tout le monde j'espère que vous avez passé de bonnes vacances et je souhaite que cette année scolaire démarre en bonnes conditions, avant de commencer y a-t-il des questions ?

L'élève :

Quand-est ce que les vacances ?

Le professeur :

Sais pas, bon on va entamer le cours de la géographie, Quelle est la deuxième action qu'a fait Christophe Colombe lorsqu'il a posé le pied sur l'Amérique.

L'élève :

Il a posé son deuxième pied.

Le professeur :

Quelles sont les répercussions de cette grande découverte.

L'élève :

Ca nous a fait des cours supplémentaires en géographie.

Une liste de définitions avec plusieurs termes ou définitions

Vous pouvez utiliser plusieurs éléments dt ou dd dans une liste de définition et ceci pour les deux raisons suivantes :

• un terme peut avoir plusieurs définitions.

  Code

    dl  
    dt  L'économie :  /dt  
    dd  Science de l'optimisation des choix.  /dd  
    dd  Science de la bonne gestion des ressources.  /dd  
    dd  Ensemble des activités de production, de distribution et de consommation dans une société humaine.  /dd  

  Rendu visuel

  L'économie :

  Science de l'optimisation des choix.

  Science de la bonne gestion des ressources.

  Ensemble des activités de production, de distribution et de consommation dans une société humaine.

• plusieurs termes ou éléments peuvent être associés à la même définition ou valeur.

  Code

    dl  
    dt  Marketing :  /dt   
    dt  Force de ventes :  /dt   
    dt  Publicité :  /dt   
    dd  Outils pour accroître la vente des biens et services.  /dd   
    /dl  

  Rendu visuel

  Marketing :

  Force de ventes :

  Publicité :

  Outils pour accroître la vente des biens et services.

Jusqu'à présent nous n'avons pas encore vu une notion vachement grandiose Une balise XHTML qui forme le coeur du Web Je parie que vous l'avez deviné Mes dames, mes demoiselles, messieurs, le chapitre suivant sera consacré aux liens hypertextes (balise xhtml a).