Manuel de référence HTML

Complète des balises HTML

HTML: <link> balise HTML: <legend> balise

HTML: <li> balise

Balise <li> en HTML : la balise <li> définit un élément de liste dans un document HTML <ol>, <ul> ou <menu>. Ce tag est également appelé élément <li>.

Exemples en ligne

Exemple de deux listes HTML : une liste ordonnée (<ol>) et une liste non ordonnée (<ul>) :

Exemple

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Utilisation des balises <li> (Tutoriel de base du site web oldtoolbag.com)</title>
</head>
<body>
<ol>
　　<li>Premier élément</li>
　　<li>Deuxième élément</li>
　　<li>Troisième élément</li>
　　<li>Quatrième élément</li>
</ol>
<ul>
　　<li>Premier élément</li>
　　<li>Deuxième élément</li>
　　<li>Troisième élément</li>
</ul>
<ul>
　　<li>Premier élément
　　　　<ol>
　　　　　　<li>Élément imbriqué A</li>
　　　　　　<li>Élément imbriqué B</li>
　　　　　　<li>Élément imbriqué C</li>
　　　　　　<li>Élément imbriqué D</li>
　　　　</ol>
　　</li>
　　<li>Deuxième élément</li>
　　<li>Troisième élément</li>
　　<li>Quatrième élément</li>
</ul>
</body>
</html>

Testez pour voir ‹/›

Dans ce HTML5Dans l'exemple de document, nous avons une liste ordonnée <ol> avec quatre éléments <li>. Ensuite, nous avons une liste non ordonnée <ul> avec trois éléments <li>. Enfin, nous avons imbriqué une liste ordonnée <ol> dans la liste non ordonnée <ul>.

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Actuellement, la plupart des navigateurs populaires supportent la balise <li>.

Définition et instructions d'utilisation des balises

<li> balise définit un élément de liste.

<li> balise peut être utilisée dans les listes ordonnées (<ol>）、listes non ordonnées (<ul>) et les listes de menu (<menu>)

Vous pouvez imbriquer les listes <ol, <ul> et <menu>.

HTML 4.01 et HTML5différences entre

"type" attribut dans HTML 4.01 Déprécié. HTML5 Attribut non pris en charge.

"value" attribut dans HTML 4.01 Déprécié. HTML5 Attribut non pris en charge.

Avis et注意事项

Avis: Utilisez CSS pour définir le type de liste et des éléments de liste.

Attribut

Attribut	Valeur	Description
type	1 A a I i disc square circle	HTML5 Attribut non pris en charge. HTML 4.01 Attribut obsolète. Déconseillé. Utilisez les styles pour le remplacer. Définir quel type de puces utiliser. Valeur de caractères, indiquant le style de numérotation. Cela peut être l'une des valeurs suivantes : a-Représente le minuscule A-Représente le majuscule i-Représente le nombre en chiffres romains minuscules I-Représente le nombre en chiffres romains majuscules 1-Représente le nombre
value	number	Déconseillé. Utilisez les styles pour le remplacer. Définir le nombre des éléments de la liste.

Attributs globaux

La balise <li> prend en charge les attributs globaux, voir le tableau des attributs complets Attributs globaux HTML.

attributs d'événement

La balise <li> prend en charge tous les Attributs d'événement HTML.

Exemples en ligne

Listes ordonnées de types différents
Listes ordonnées de types différents

Listes sans ordre de types différents
Listes sans ordre de types différents

Liste imbriquée
Ce exemple montre comment imbriquer des listes.

Liste imbriquée 2
Ce exemple montre une liste imbriquée plus complexe.

Liste personnalisée
Ce exemple montre une liste définie.

Articles associés

Tutoriel HTML: Liste HTML

HTML: <link> balise HTML: <legend> balise