HTML : LES LISTES ORDONNÉES ET NON ORDONNÉES

Les listes sont très utilisées en HTML, aussi bien dans du contenu textuel que structurel. Par exemple, très souvent les menus des pages web sont codés avec des listes. Les listes se définissent par une balise principale <ul> ou <ol> puis une balise pour chaque élément <li>.

Deux types de liste existe

La liste non ordonnée

<ul>
    <li> élément </li>
    <li> élément </li>
    <li> élément </li>
    <li> élément </li>
</ul>

Les listes non ordonnées se définissent avec la balise <ul> et sont utilisées pour afficher des taches, créer des menus ou des sous-menus. Ces listes sont précédées d’un petit symbole qui peut être modifiable en CSS. Souvent c’est un cercle plein, cela peut être un carré, ou même une image personnalisée.

La liste ordonnée

<ol>
    <li> élément </li>
    <li> élément </li>
    <li> élément </li>
    <li> élément </li>
</ol>

Les listes ordonnées s’utilisent avec la balise <ol>. Elles permettent de numéroter des éléments en leur donnant une valeur sémantique aux yeux des robots de moteur de recherche. Elles sont bien plus utilisées pour du contenu textuel dans le but de créer une certaine cohérence des éléments présentés. Par exemple, une liste d’actions à produire dans un ordre particulier.