HTML <ol>Balise


Exemples

2 exemples différents de listes ordonnées :

<ol> <li>Café</li> <li>Thé</li> <li>Lait</li> </ol> <ol start="50"> <li>Café</li> <li>Thé</li> <li>Lait</li> </ol>

Essayez-le vous-même »

Prise en charge des navigateurs

Élément
<ol> Oui Oui Oui Oui Oui

Définition et utilisation

La balise <ol> définit une liste ordonnée. La liste est affichée avec des numéros.

Utilisez<li>la balise <li> pour définir les éléments de liste.


Conseils et notes

Remarque :Vous pouvez utiliser CSS pour l'afficher. Pour plus de détails, voirListes CSS。

Remarque :Pour les listes non ordonnées, utilisez la<ul>balise <ul>.


Différences entre HTML 4.01 et HTML5

L'attribut « reversed » est nouveau dans HTML5.

Dans HTML 4.01, l'attribut « compact » est obsolète et n'est pas pris en charge dans HTML5.


Attributes

Nouveau: Nouveau dans HTML5.

Attribut Valeur Description
compact compact Non pris en charge dans HTML5. Obsolète.Utilisez des styles à la place. Spécifie que la liste apparaît plus compacte que la normale.
reversedNouveau reversed Spécifie que la liste est en ordre décroissant (9,8,7...)
start nombre Un attribut de valeur entière qui spécifie la valeur de départ de la numérotation de la liste.Cet attribut était obsolète dans HTML4, mais a été réintroduit dans HTML5.
type
  • aIndique une numérotation en lettres minuscules anglaises
  • AIndique une numérotation en lettres majuscules anglaises
  • iIndique une numérotation en chiffres romains minuscules
  • IIndique une numérotation en chiffres romains majuscules
  • 1Indique une numérotation numérique (par défaut)
Spécifie le type de la liste. Obsolète. Utilisez plutôt les styles.


Plus d’exemples

Exemple

Définir différents styles de liste (avec CSS) :

<ol style="list-style-type:upper-roman"> <li>Café</li> <li>Thé</li> <li>Lait</li> </ol> <ol style="list-style-type:lower-alpha"> <li>Café</li> <li>Thé</li> <li>Lait</li> </ol>

Essayez-le vous-même »

Exemple

Utilisez CSS pour afficher différents styles de liste :

ol.a {list-style-type: armenian;} ol.b {list-style-type: cjk-ideographic;} ol.c {list-style-type: decimal;} ol.d {list-style-type: decimal-leading-zero;} ol.e {list-style-type: georgian;} ol.f {list-style-type: hebrew;} ol.g {list-style-type: hiragana;} ol.h {list-style-type: hiragana-iroha;} ol.i {list-style-type: katakana;} ol.j {list-style-type: katakana-iroha;} ol.k {list-style-type: lower-alpha;} ol.l {list-style-type: lower-greek;} ol.m {list-style-type: lower-latin;} ol.n {list-style-type: lower-roman;} ol.o {list-style-type: upper-alpha;} ol.p {list-style-type: upper-latin;} ol.q {list-style-type: upper-roman;} ol.r {list-style-type: none;} ol.s {list-style-type: inherit;}

Essayez-le vous-même »

Exemple

Listes imbriquées :

<ol> <li>Café</li> <li>Thé <ul> <li>Thé noir</li> <li>Thé vert</li> </ul> </li> <li>Lait</li> </ol>

Essayez-le vous-même »


Attributs globaux

La balise <ol> prend en charge les attributs globaux. Voir le tableau complet des attributsAttributs globaux HTML。


Attributs d'événement

La balise <ol> prend en charge tous lesAttributs d'événements HTML。


Articles connexes

Tutoriel HTML :Listes HTML

Autres extensions