Beispiel
Eine geordnete (<ol>) und ein ungeordneter (<ul>) HTML - Liste:
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Das <li> Tag definiert ein Listenelement.
Das <li> Tag wird in geordneten Listen verwendet ( <ol> ), ungeordnete Listen ( <ul> ) und in Menülisten ( <menu> ).
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <li> | ja | ja | ja | ja | ja |
Unterschiede zwischen HTML 4.01 und HTML5
Der "type" Attribut nicht in HTML5 unterstützt.
Der "value" Attribut wurde als deprecated in HTML 4.01, ist aber in HTML5 unterstützt.
Tipps und Hinweise
Tipp: Verwenden Sie CSS , um die Art der Liste zu definieren.
Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| type | 1 A a I i disc square circle | Nicht in HTML5 unterstützt. Gibt an, welche Art von Aufzählungspunkt verwendet werden |
| value | number | Gibt den Wert eines Listenelements. Die folgenden Listenelemente werden von dieser Zahl erhöht (nur für <ol> Listen) |
globale Attribute
Das <li> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <li> Tag unterstützt auch die Veranstaltung in HTML - Attribute .
Probieren Sie es selbst - Beispiele
Eine verschachtelte Liste
Eine Liste innerhalb einer Liste.
Eine weitere verschachtelte Liste
Eine kompliziertere verschachtelte Liste.
Verwandte Seiten
HTML - Tutorial: HTML - Listen
HTML - DOM - Referenz: Li - Objekt
CSS Tutorial: Styling - Listen
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <li> mit den folgenden Standardwerte Element:
li {
display: list-item;
}