10 Listes

10.1 Introduction aux listes

• informations Unordered.
• Ordonné informations.
• Définitions.

La liste précédente, par exemple, ne sont pas commandés, il a été créé par un élément UL :

  <UL>
 <LI> Une information aléatoire. 
 <LI> Information Ordonné. 
 <LI> Définitions. 
 </ UL>

Une liste ordonnée créée en utilisant l'élément OL , peut contenir des informations qui est important dans l' ordre, par exemple, la recette:

1. mélanger soigneusement les ingrédients secs.
2. Verser le liquide.
3. Mélanger 10 minutes.
4. Cuire au four pendant une heure à 300 degrés.

Les listes de définitions, créées à l' aide de l'élément de la DL , peuvent contenir un certain nombre de paires de terme / définition (bien que les listes de définitions peuvent avoir d' autres applications). Par exemple, une liste de définitions peuvent être utilisées dans la publicité de produits:

prix bas

Le nouveau modèle de ce produit est beaucoup moins cher que le précédent!

Il suffit de travailler

Nous avons changé le produit de sorte qu'il est maintenant facile de travailler avec!

Coffre - fort pour les enfants

Vous pouvez laisser vos enfants dans la chambre, et le produit ne leur causer du tort (non garanti).

il est défini en HTML comme suit:

  <DL>
 <DT> <STRONG> Prix bas </ STRONG>
 <DD> Le nouveau modèle de ce produit est beaucoup moins cher que le précédent!
 <DT> <STRONG> Travail facilité </ STRONG>
 <DD> Nous avons changé le produit de sorte qu'il est maintenant facile de travailler avec!
 <DT> <STRONG> Coffre-fort pour les enfants </ STRONG>
 <DD> Vous pouvez laisser vos enfants dans la chambre, et le produit ne leur causer du tort (non garanti).
 </ DL>

Les listes peuvent être imbriquées, différents types de listes peuvent être utilisés ensemble, comme dans l'exemple suivant, où une liste de définitions contient une liste non ordonnée (les ingrédients) et une liste ordonnée (la procédure):

Ingrédients:

• 100 g de farine
• 10g de sucre
• 1 tasse d'eau
• 2 oeufs
• sel et poivre

procédure:

1. Bien mélanger les ingrédients secs.
2. Verser les ingrédients liquides.
3. Mélanger 10 minutes.
4. Cuire au four pendant une heure à 300 degrés.

Remarques:

Vous pouvez ajouter des raisins secs.

La représentation exacte des trois types de liste dépend de l'agent utilisateur. Ne pas utiliser les listes de retrait du texte. Ceci est fait en utilisant les feuilles de style.

10.2 listes non ordonnées ( l'UL ), listes ordonnées ( l'OL ), et les éléments de liste ( la LI )

  <L'ELEMENT! Le UL - - (LI) + - liste non ordonnée ->
 <! ATTLIST UL
  % attrs;
  - % Coreattrs , % i18n , % events -
  >
 <L'ELEMENT! Le OL - - (LI) + - liste ordonnée ->
 <! ATTLIST OL
  % attrs;
  - % Coreattrs , % i18n , % events -
  >

Balise de début: obligatoire, balise fermante: obligatoire

  <L'ELEMENT! Le LI - A propos de ( flux%; ) * - élément de la liste ->
 <! ATTLIST LI
  % attrs;
  - % Coreattrs , % i18n , % events -
  >

Balise de début: requise, Balise de fin: en option

Les listes ordonnées et non ordonnées générées de manière identique, sauf que les agents utilisateurs visuels numérotés listes ordonnées. Les agents utilisateurs peuvent présenter ces chiffres de plusieurs façons. les éléments de liste à puces ne sont pas numérotées.

Les deux types de listes sont composées d'éléments des séquences de liste définie élément LI (dont tag fin peut être omise).

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

  ...
 </ UL>

Les listes peuvent être imbriquées:

  <UL>
  <LI> ... Niveau un, numéro un ... <OL>
 
  <LI> ... Niveau deux, numéro un ... <LI> ... Niveau deux, numéro deux ... <OL start = "10">
 
  <LI> ... Le niveau trois, numéro un ... </ OL>
 
  <LI> ... Niveau deux, numéro trois ... </ OL>
 
  <LI> ... Niveau un, numéro deux ...

 </ UL>

 <Ol>
 <Valeur Li = "30"> élément numéro 30 de la liste.
 <Valeur Li = "40"> élément de la liste numéro 40.
 <Li> élément numéro 41 de la liste.
 </ Ol>

10.3 Les listes de définitions : les éléments de la DL , DT et DD

  <! - Liste des définitions - DT - terme, DD - sa définition ->
 <L'ELEMENT! Le DL - - (DT | DD) + - liste de définitions ->
 <! ATTLIST DL
  % attrs;
  - % Coreattrs , % i18n , % events -
  >

Balise de début: obligatoire, balise fermante: obligatoire

  <L'ELEMENT! Le DT - A propos de ( % inline; ) * - le terme ->
 <L'ELEMENT! Le DD - A propos de ( flux%; ) * - détermination ->
 <ATTLIST (DT | DD)!
  % attrs;
  - % Coreattrs , % i18n , % events -
  >

Balise de début: requise, Balise de fin: en option

répertorie les définitions diffèrent légèrement des autres types de listes - que les éléments se composent de deux parties: les termes et définitions. Le terme est notée par un élément DT et ne peut avoir un contenu intégré. Description de l'élément indiqué par DD , ayant un contenu au niveau du bloc.

 
 <DL>
  <DT> Dweeb
  <DD> jeune excitable qui peuvent mûrir
  dans un <EM> Nerd </ EM> ou <EM> Geek </ EM>

  <DT> Cracker
  <DD> pirate sur Internet

  <DT> Nerd
  <DD> mâle donc dans le Net qu'il oublie
  l'anniversaire de sa femme
 </ DL>

 <DL>
  <DT> Centre
  <DT> Centre
  <DD> Un point équidistant de tous les points
  sur la surface d'une sphère.
  <DD> Dans certains sports de terrain, le joueur qui
  détient la position médiane sur le terrain, la cour,
  ou d'une ligne vers l'avant.
 </ DL>

Une autre utilisation de l'élément DL , par exemple, le comptage peut être des boîtes de dialogue où chaque élément DT est le haut - parleur, et chaque élément DD contient les mots.

10.3.1 listes d'affichage visuels

Les agents utilisateurs visuels changent généralement les listes imbriquées en fonction du niveau d'imbrication.

Pour les éléments OL et UL attribut de type détermine les options de génération pour les agents utilisateurs visuels.

Pour l' élément UL valeurs possibles de l'attribut de type sont disque, carré, et le cercle. La valeur par défaut utilisée dépend du niveau d'imbrication de la liste actuelle. Ces valeurs ne sont pas sensibles à la casse.

Chaque valeur est dépendante de l'agent utilisateur. Les agents utilisateurs devraient essayer de présenter "disque" comme un petit cercle rempli, "cercle" - un cercle, un "carré" comme un petit carré.

les agents utilisateurs graphiques peuvent les générer comme:

pour la valeur "disque"
pour la valeur "cercle"
pour la valeur de "carré"

Pour l'élément OL valeurs possibles de l'attribut de type sont indiqués dans le tableau ci - dessous (ils sont sensibles à la casse):

Rappelez - vous que l' utilisation de l'attribut de type est indésirable , et les styles de liste doit être déterminée par une feuille de style.

  <STYLE type = "text / css">
 OL.withroman {list-style-type: lower-roman}
 </ STYLE>
 <BODY>
 <Classe OL = "de withroman">
 <LI> One Step ... 
 <LI> Deuxième étape ...
 </ OL>
 </ BODY>

Génération d'une liste de définition dépend également de l'agent utilisateur. Par exemple, la liste:

 <DL>
  <DT> Dweeb
  <DD> jeune excitable qui peuvent mûrir
  dans un <EM> Nerd </ EM> ou <EM> Geek </ EM>

  <DT> Cracker
  <DD> pirate sur Internet

  <DT> Nerd
  <DD> mâle donc dans le Net qu'il oublie
  l'anniversaire de sa femme
 </ DL>

Elle peut être générée comme suit:

  dweeb
  jeune excitable qui peuvent mûrir dans un Nerd ou Geek
 craquelin
  pirate sur Internet
 Nerd
  mâle donc dans le Net qu'il oublie l'anniversaire de sa femme

10.4 Les éléments DIR et MENU

Utilisation des éléments DIR et MENU indésirables .

La définition formelle de cm. En DTD Transitional .

Element DIR a été conçu pour créer un multi-pages des listes d' annuaire. Elément MENU destiné à être utilisé dans les listes de menu, consistant en une seule colonne. Ces deux éléments ont la même structure que l'élément UL , ne différant que par la génération. Dans la pratique, les agents utilisateurs génèrent des listes DIR ou MENU de la même manière que la liste des UL .

Il est fortement recommandé d'utiliser à la place de ces éléments est un élément de l'UL .