Que représente la balise HTML <ol> ?

Comprendre la balise HTML <ol>

La balise HTML <ol> est utilisée pour représenter une liste ordonnée, aussi appelée liste numérotée. C'est ce que signifie l'acronyme 'ol', qui est l'abréviation de 'Ordered List'. Contrairement à la liste non ordonnée (<ul>), où les éléments de la liste sont marqués par des puces, avec la balise <ol>, chaque élément de la liste (<li>) est précédé d'un numéro, d'une lettre ou d'un autre type de compteur, indiquant un ordre particulier.

Voici un exemple d’utilisation de la balise <ol> :

<ol>
   <li>Café</li>
   <li>Thé</li>
   <li>Lait</li>
</ol>

Cet extrait de code produira la liste suivante sur une page web :

  1. Café
  2. Thé
  3. Lait

Un des points essentiels à noter est que les balises <li> doivent être imbriquées à l'intérieur de la balise <ol>. Chaque balise <li> correspond à un élément de la liste.

De plus, HTML5 a introduit de nouveaux attributs pour la balise <ol>, dontstart et type. L'attribut start permet de spécifier le nombre à partir duquel la liste doit démarrer, tandis que l'attribut type définit le style de numérotation.

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

Cette liste commencera à partir du numéro 50 et utilisera des chiffres romains pour la numérotation.

L’utilisation de la balise <ol> est particulièrement appropriée lorsque l’ordre des éléments dans votre liste est important, par exemple, dans une liste d'instructions étape par étape, les recettes de cuisine ou le sommaire d’un livre.

Trouvez-vous cela utile?