Eléments de liste

Qu’est-ce qu’un élément de liste <li> ?

Le langage html offre la possibilité de créer des listes <ul>, où chaque énumération est définie grâce à la balise <li>. Chaque élément de liste <li> s'imbrique dans la liste associée <ul>.

Pourquoi le respect l'imbrication est important ?

En fonction de la nature de la liste que vous créez, vous pourrez adaptez le contenu :

• Les listes non ordonnées seront marquées (par défaut) par des puces. Il n’y a donc pas d’ordres d’importance dans la hiérarchisation des informations de votre liste
  Les différents éléments de votre liste devront apparaître dans un élément de bloc <ul>, qui est l’élément définissant un bloc de liste non ordonnée

• Les listes ordonnées (ou numérotées) sont utilisées pour donner une hiérarchisation aux différentes séquences de votre liste
  Ce type de liste doit être intégrée dans un élément de bloc <ol>, qui permettra de numéroter chaque début de ligne de votre liste

Si vous n’intégrez pas votre élément de liste dans un élément de bloc <ul> ou <ol>, votre liste ne pourra pas être interprétée correctement par votre navigateur et ne sera pas prise en charge par les technologies d'assistance.

Comment construire une liste ?

Votre liste doit comporter les informations suivantes :

• un élément de bloc <ol> ou <ul> 
• une séquence de liste commençant par <li>

Par exemple :

<h1>Exemple de liste ordonnée de fruits</h1>
<ol>
    <li>Banane</li>
    <li>Orange</li>
    <li>Ananas</li>
</ol>

Ce qui donnera :

Exemple de liste ordonnée de fruits

1. Banane
2. Orange
3. Ananas