Les listes (`<ol>`, `<ul>`, `<li>`)

En HTML, on évite de simuler des listes avec des tirets dans un paragraphe. On utilise les balises prévues pour ça.

1. Liste non ordonnée (<ul>)

À utiliser quand l'ordre n'a pas d'importance.

<ul>
  <li>Tomates</li>
  <li>Oignons</li>
</ul>

Exemples typiques : liste de courses, fonctionnalités, matériel requis.

2. Liste ordonnée (<ol>)

À utiliser quand l'ordre est important.

<ol>
  <li>Étape 1</li>
  <li>Étape 2</li>
</ol>

Exemples typiques : recette, tutoriel étape par étape, checklist ordonnée.

Tu peux aussi styliser la numérotation plus tard avec CSS.

3. Listes imbriquées

Tu peux placer une liste dans un <li> pour créer des sous-éléments.

<ul>
  <li>Fruits
    <ul>
      <li>Pomme</li>
      <li>Banane</li>
    </ul>
  </li>
  <li>Légumes</li>
</ul>

Les menus de navigation utilisent très souvent cette logique (<ul> + <li>) puis du CSS pour le style. Cette base est très utilisée dans les barres de menu, les sidebars, et les FAQ structurées.

Retiens ceci :

• <ul> pour une collection sans ordre strict
• <ol> pour un processus séquentiel
• <li> pour chaque élément de la liste

Bien utiliser les listes améliore la lisibilité pour l'utilisateur et la compréhension structurelle pour les outils d'assistance.