Derniers tutoriels de développement web
 

HTML <li> Tag


Exemple

Un ordre (<ol>) et l' un unordered (<ul>) liste HTML:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Essayez - le vous - même »

Plus "Try it yourself" exemples ci-dessous.


Définition et utilisation

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

Le <li> tag est utilisé dans des listes ordonnées ( <ol> ), les listes à puces ( <ul> ), et dans les listes de menu ( <menu> ).


support du navigateur

Élément
<li> Oui Oui Oui Oui Oui

Différences entre HTML 4.01 et HTML5

Le "type" attribut est pas pris en charge HTML5.

La "value" attribut est deprecated en HTML 4.01, mais il est pris en charge dans HTML5.


Trucs et astuces

Astuce: Utilisez CSS pour définir le type de liste.


Les attributs

Attribut Valeur La description
type 1
A
a
I
i
disc
square
circle
Non pris en charge en HTML5.
Indique quel type de puce sera utilisée
value number Indique la valeur d'un élément de liste. Les éléments de liste suivants incrémenter de ce nombre (uniquement pour <ol> listes)

Attributs globaux

Le <li> tag soutient également le attributs globaux en HTML .


Attributs de l'événement

Le <li> tag soutient également l' événement Attributs en HTML .


Essayez-le vous-même - Exemples

Une liste imbriquée
Une liste dans une liste.

Une autre liste imbriquée
Une liste imbriquée plus compliquée.


Pages associées

HTML tutoriel: Listes HTML

Référence HTML DOM: Li objet

Tutoriel CSS: Listes coiffants


Paramètres par défaut de CSS

La plupart des navigateurs affichent le <li> élément avec les valeurs par défaut suivantes:

li {
    display: list-item;
}