<li>
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 |