Listes

Sommaire

  1. Listes non ordinales (UL) et ordinales (OL) lists
    1. Listes formatées par des agents utilisateurs graphiques
  2. Listes de définitions : Les éléments DL, DT, et DD
  3. Les éléments DIR et MENU

Listes non ordinales (UL) et ordinales (OL)

<!ENTITY % ULStyle "disc|square|circle">

<!ELEMENT UL - -  (LI)+>
<!ATTLIST UL                    -- listes non ordinales --
  %attrs;                          -- %coreattrs, %i18n, %events --
  type        (%ULStyle) #IMPLIED  -- type de puce --
  compact     (compact)  #IMPLIED  -- espacement entre éléments réduit --
  >
<!ENTITY % OLStyle "CDATA"      -- constrained to : [1|a|A|i|I] -->

<!ELEMENT OL - -  (LI)+>
<!ATTLIST OL -- listes ordinales --
  %attrs;                          -- %coreattrs, %i18n, %events --
  type        %OLStyle   #IMPLIED  -- style de numérotation --
  compact     (compact)  #IMPLIED  -- espacement entre éléments réduit --
  start       NUMBER     #IMPLIED  -- numéro de séquence de début --
  >

Balise de début : obligatoire, Balise de fin : obligatoire

<!-- L'attribut type peut être utilisé pour changer le type de puce
dans les listes non ordinales et le style de numérotation -->

<!ENTITY % LIStyle "CDATA" -- constrained to: "(%ULStyle|%OLStyle)" -->

<!ELEMENT LI - O %block -- list item -->
<!ATTLIST LI
  %attrs;                          -- %coreattrs, %i18n, %events --
  type        %LIStyle   #IMPLIED  -- type de marquage de liste --
  value       NUMBER     #IMPLIED  -- rédéfinition du numéro de séquence courant --
  >

Balise de début : obligatoire, Balise de fin : optionnelle

Définition des attributs

type = style-information
Cet attribut définit le type de marqueur d'éléments de liste. Les valeur actuellement définies les sont pour des agents utilisateurs graphiques. Elles sont décrites ci-après.
start = integer
Pour OL seulement. Cet attribut spécifie le numéro ordinal de départ du premier élément de la liste ordinale. Par défaut, ce nombre vaut 1.
value = integer
Pour LI seulement. Cet attribut redéfinit le numéro ordinal courant en lui attribuant une nouvelle valeur entière.
compact
Obsolète en HTML 4.0. Lorsqu'il est mentionné, cet attribut booléen provoque le resserrement des éléments d'une liste (verticalement).

Attributs définis par ailleurs

Les listes ordinales et non ordinales sont identiques sauf que les agents utilisateurs à capacité graphique numéroteront les éléments des listes ordinales. Les agents utilisateurs pourront représenter cette numérotation d'une multitude de manières. Les éléments d'une liste non ordinale n'apparaissent pas comme numérotés.

Les deux types de listes sont constituées de séquences d'éléments de listes définis par des éléments LI (pour lequel la balise de fin est généralement omise).

Cet exemple illustre la structure basique d'une liste.

<UL>
   <LI> ... premier élément de liste...
   <LI> ... deuxième élément de liste...
   ...
</UL>

Les listes peuvent aussi s'imbriquer :

<UL>
     <LI> ... Niveau un, premier élément...
     <OL> 
        <LI> ... Niveau 2, premier élément...
        <LI> ... Niveau 2, deuxième élément...
        <OL start="10"> 
           <LI> ... Niveau 3, premier élément...
        </OL> 
        <LI> ... Niveau 2, troisième élément...
     </OL> 
     <LI> ... Niveau un, deuxième élément...
</UL>

Détails à propos de l'ordre. Dans des listes ordinales, il n'est pas possible de continuer à numéroter les éléments d'une liste en reprenant automatiquement la cardinalité d'une liste précédente, ni cacher les numéros de certains éléments de liste. Cependant, vous pourrez au moins redéfinir un nouveau départ pour la numérotation liste en définissant l'attribut value de l'élément de liste. La numérotation continue alors automatiquement de un en un à partir de ce nouveau numéro. Par exemple :

<ol>
<li value="30"> donne à cet élément le numéro 30.
<li value="40"> donne à cet élément le numéro 40.
<li> passe automatiquement au numéro 41.
</ol>

Listes formatées par des agents utilisateurs graphiques

Les descriptions suivantes se réfèrent au comportement de certains agents utilisateurs communs lors du formatage des listes qu'ils affichent. Les feuilles de style permettront néanmoins un contrôle plus fin de la mise en page de ces listes (ex., pour les numéros, ou pour desz conventions dépendantes de la langue, etc.).

Les navigateurs graphiques actuels représentent usuellement les listes en indentant d'une tabulation à chaque niveau d'imbrication.

Pour chacun des éléments OL et UL, l'attribut de type spécifie certaines options d'apparence graphique destinées aux agents utilisateurs.

Pour l'élément UL, les valeurs possibles pour l'attribut de type sont disc, square, et circle. La valeur par défaut dépend du niveau d'imbrication courant.

La façon dont chaque valeur est rendue à l'écran dépend de l'agent utilisateur. Certains représenteront un "disc" comme un cercle rempli, un "circle" comme un petit cercle, et un "square" comme un carré vide.

Votre agent utilisateur les affichera comme suit (le glyphe de la puce sur la ligne peut varier ou non):

Pour l'élément OL, les valeurs possibles pour l'attribut type sont résumées dans la table ci-dessous :

TypeType de numérotation
1nombres arabes1, 2, 3, ...
aalphabétique minusculea, b, c, ...
Aalphabétique majusculeA, B, C, ...
iromain minusculei, ii, iii, ...
Iromain majusculeI, II, III, ...

Listes de définitions : Les élements DL, DT, et DD

<!-- listes de définition - DT pour un terme, DD pour sa définition -->

<!ELEMENT DL - -  (DT|DD)+>
<!ATTLIST DL
  %attrs;                          -- %coreattrs, %i18n, %events --
  compact     (compact)  #IMPLIED  -- espacement entre éléments réduit --
  >

Balise de début : obligatoire, Balise de fin : obligatoire

<!ELEMENT DT - O  (%inline)*>
<!ELEMENT DD - O  %block>
<!ATTLIST (DT|DD)
  %attrs                          -- %coreattrs, %i18n, %events --
  >

Balise de début : obligatoire, Balise de fin : optionnelle

Attributs définis par ailleurs

Les listes de définition ne varient par rapport à d'autres types de listes qu'en ce sens que l'élément de liste est composé de deux partie distinctes : un "label" initial, ou clef d'entrée, et une description associée à cette clef. La clef est initialisée par l'élément DT et ne peut contenir que du texte litéral. La description commence avec l'élément DD et peut contenir des balises de niveau "bloc".

Voici un exemple de liste de définition.

  
<DL>
    <DT> <em>Daniel</em>
    <DD> Born in France, Daniel's favorite food is foie gras.
         <P> In this paragraph, we'll discuss Daniel's
         harem: Pascale, Audrey, Laurie, and Alice.
    <DT> <em>Tim</em>
    <DD> Born in New York, Tim's favorite food is ice cream.
  </DL>
La façon d'afficher une liste de définitions dépend de l'agent utilisateur. Votre navigateur affichera l'exemple précédent comme suit :
Daniel
Born in France, Daniel's favorite food is foie gras.

In this paragraph, we'll discuss Daniel's harem: Pascale, Audrey, Laurie, and Alice.

Tim
Born in New York, Tim's favorite food is ice cream.

Les éléments DIR et MENU

DIR et MENU sont obsolètes en HTML 4.0

<!ELEMENT (DIR|MENU) - -  (LI)+ -(%blocklevel)>
<!ATTLIST DIR
  %attrs;                          -- %coreattrs, %i18n, %events --
  compact     (compact)  #IMPLIED
  >
<!ATTLIST MENU
  %attrs;                          -- %coreattrs, %i18n, %events --
  compact     (compact)  #IMPLIED
  >

Balise de début : obligatoire, End tag: obligatoire

Attributs définis par ailleurs

L'élément DIR était conçu pour pouvoir mettre en place des listes de répertoire multicolonnes. L'élément MENU était conçu pour constituer des "menus" monocolonne. Ces deux éléments ont la même structure que l'élément UL, à la différence de rendu d'affichage près. En pratique, un agent utilisateur pourra représenter les éléments DIR ou MENU exactement comme une liste UL.

Nous recommandons TRES FORTEMENT l'usage des listes UL plutôt que ces éléments.