<li>: Das Listenelement
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Das <li> HTML-Element wird verwendet, um ein Element in einer Liste darzustellen. Es muss in einem übergeordneten Element enthalten sein: einer geordneten Liste (<ol>), einer ungeordneten Liste (<ul>) oder einem Menü (<menu>). In Menüs und ungeordneten Listen werden Listenelemente normalerweise mit Aufzählungspunkten dargestellt. In geordneten Listen werden sie meist mit einem aufsteigenden Zähler auf der linken Seite angezeigt, wie zum Beispiel eine Zahl oder ein Buchstabe.
Probieren Sie es aus
<p>Apollo astronauts:</p>
<ul>
<li>Neil Armstrong</li>
<li>Alan Bean</li>
<li>Peter Conrad</li>
<li>Edgar Mitchell</li>
<li>Alan Shepard</li>
</ul>
p,
li {
font:
1rem "Fira Sans",
sans-serif;
}
p {
font-weight: bold;
}
Attribute
Dieses Element umfasst die globalen Attribute.
value-
Dieses ganzzahlige Attribut gibt den aktuellen Ordinalwert des Listenelements an, wie er durch das
<ol>-Element definiert ist. Der einzig erlaubte Wert für dieses Attribut ist eine Zahl, selbst wenn die Liste mit römischen Ziffern oder Buchstaben angezeigt wird. Nachfolgende Listenelemente setzen die Nummerierung ab dem festgelegten Wert fort. Dieses Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder für Menüs (<menu>). typeVeraltet-
Dieses Zeichenattribut gibt die Nummerierungsart an:
a: KleinbuchstabenA: Großbuchstabeni: Kleinbuchstaben in römischen ZiffernI: Großbuchstaben in römischen Ziffern1: Zahlen
Diese Typen überschreiben die des übergeordneten
<ol>-Elements, falls vorhanden.Hinweis: Dieses Attribut wurde veraltet; verwenden Sie stattdessen die CSS-Eigenschaft
list-style-type.
Beispiele
Für detailliertere Beispiele siehe die Seiten <ol> und <ul>.
Geordnete Liste
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
Ergebnis
Geordnete Liste mit einem benutzerdefinierten Wert
<ol type="I">
<li value="3">third item</li>
<li>fourth item</li>
<li>fifth item</li>
</ol>
Ergebnis
Ungeordnete Liste
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
Ergebnis
Technische Zusammenfassung
| Inhaltskategorien | Keine. |
|---|---|
| Erlaubter Inhalt | Fließender Inhalt. |
| Tag-Auslassung |
Der End-Tag kann weggelassen werden, wenn das Listenelement
unmittelbar von einem anderen <li>-Element
gefolgt wird oder wenn es keinen weiteren Inhalt in seinem
übergeordneten Element gibt.
|
| Erlaubte Eltern |
Ein <ul>, <ol>, oder
<menu> Element. Obwohl nicht konform, kann auch das veraltete <dir> ein Elternteil sein.
|
| Implizite ARIA-Rolle |
listitem
wenn Kind eines
ol, ul oder
menu
|
| Erlaubte ARIA-Rollen |
menuitem,
menuitemcheckbox,
menuitemradio, option,
none, presentation,
radio, separator,
tab, treeitem
|
| DOM-Schnittstelle | [`HTMLLIElement`](/de/docs/Web/API/HTMLLIElement) |
Spezifikationen
| Specification |
|---|
| HTML # the-li-element |
Browser-Kompatibilität
Siehe auch
- Andere liste-bezogene HTML-Elemente:
<ul>,<ol>,<menu>, und das veraltete<dir>; - CSS-Eigenschaften, die besonders nützlich sein könnten, um das
<li>-Element zu gestalten:- die
list-style-Eigenschaft, um die Art der Darstellung des Ordinales zu wählen, - CSS-Zähler, um komplexe verschachtelte Listen zu handhaben,
- die
margin-Eigenschaft, um den Einzug des Listenelements zu steuern.
- die