La balise <li> est utilisée en HTML pour définir un élément de liste dans une liste ordonnée (<ol>), une liste non ordonnée (<ul>), ou une liste de définition (<dl>).
Chaque élément d'une liste est toujours inclus dans une balise <li>.
Structure et syntaxe de la balise <li>
Structure et syntaxe de base
Voici la syntaxe de base de la balise <li> :
<ul>
<li>Premier élément</li>
<li>Deuxième élément</li>
<li>Troisième élément</li>
</ul>La balise <li> doit être utilisée à l’intérieur d’une liste ordonnée (<ol>) ou non ordonnée (<ul>), pour définir un élément de la liste.
Exemple d’utilisation
Voici un exemple d’utilisation de la balise <li> dans une liste non ordonnée :
<ul>
<li>Pain</li>
<li>Fromage</li>
<li>Vin</li>
</ul>Dans cet exemple, chaque élément de la liste est défini par une balise <li> à l’intérieur de la balise <ul>.
Attributs
La balise <li> peut accepter des attributs généraux tels que class, id, et style, mais elle ne dispose pas d'attributs spécifiques.
Différence avec d’autres balises similaires
<ul>: La balise<ul>est utilisée pour créer une liste non ordonnée, dans laquelle chaque élément est défini par une balise<li>.<ol>: La balise<ol>est utilisée pour créer une liste ordonnée, dans laquelle chaque élément est également défini par une balise<li>.<dl>: La balise<dl>est utilisée pour une liste de définitions, dans laquelle les termes sont définis par une balise<dt>et les définitions par une balise<dd>.
Compatibilité des navigateurs
La balise <li> est prise en charge par tous les navigateurs modernes.
| Navigateur | Compatibilité |
|---|---|
| Chrome | Oui |
| Firefox | Oui |
| Safari | Oui |
| Edge | Oui |
| Internet Explorer | Oui |