Przykład
Jeden zamawiane (<ol>) i jedna nieuporządkowana (<ul>) lista HTML:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Spróbuj sam " Więcej "Try it yourself" przykłady poniżej.
Definicja i Wykorzystanie
<li> tag definiuje pozycję na liście.
<li> tag stosuje się w uporządkowanych list ( <ol> ), nieuporządkowane listy ( <ul> ), w listach menu ( <menu> ).
Pomoc Browser
| Element | |||||
|---|---|---|---|---|---|
| <li> | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
"type" atrybut nie jest obsługiwana w HTML5.
"value" atrybut był deprecated w HTML 4.01, ale jest obsługiwana w HTML5.
Porady i wskazówki
Wskazówka: Użyj CSS zdefiniować rodzaj listy.
Atrybuty
| Atrybut | Wartość | Opis |
|---|---|---|
| type | 1 A a I i disc square circle | Nie jest obsługiwany w HTML5. Określa, które zostaną wykorzystane rodzaj podpunkcie |
| value | number | Określa wartość elementu listy. Następujące elementy listy będą zwiększać z tego numeru (tylko dla <ol> list) |
Atrybuty globalne
<li> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<li> tag obsługuje również Event Atrybuty w HTML .
Spróbuj sam - przykłady
Lista zagnieżdżona
Lista wewnątrz listy.
Kolejna lista zagnieżdżona
Bardziej skomplikowane lista zagnieżdżona.
Podobne strony
Poradnik HTML: list HTML
Odniesienia HTML DOM: Li obiektu
CSS: Listy do stylizacji
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <li> element z następujących wartości domyślnych:
li {
display: list-item;
}