<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 July 2015.

Das <li>-Element HTML wird verwendet, um ein Element in einer Liste darzustellen. Es muss in einem Elternelement 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ählungszeichen angezeigt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler auf der linken Seite angezeigt, z. B. 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 Ordnungswert des Listenelements an, wie er durch das <ol>-Element definiert ist. Der einzige zugelassene Wert für dieses Attribut ist eine Zahl, auch wenn die Liste mit römischen Ziffern oder Buchstaben angezeigt wird. Listenelemente, die diesem folgen, setzen die Nummerierung mit dem festgelegten Wert fort. Dieses Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder Menüs (<menu>).

type

Dieses Zeichenattribut gibt den Nummerierungstyp an:

  • a: Kleinbuchstaben
  • A: Großbuchstaben
  • i: Kleinbuchstaben römischer Ziffern
  • I: Großbuchstaben römischer Ziffern
  • 1: Zahlen

Dieser Typ überschreibt den 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 zu <ol> und <ul>.

Geordnete Liste

html
<ol> <li>first item</li> <li>second item</li> <li>third item</li> </ol>

Ergebnis

Geordnete Liste mit benutzerdefiniertem Wert

html
<ol type="I"> <li value="3">third item</li> <li>fourth item</li> <li>fifth item</li> </ol>

Ergebnis

Ungeordnete Liste

html
<ul> <li>first item</li> <li>second item</li> <li>third item</li> </ul>

Ergebnis

Technische Zusammenfassung

Inhaltskategorien Keine.
Zulässiger Inhalt Fließinhalt.
Tag-Auslassung Das End-Tag kann weggelassen werden, wenn das Listenelement unmittelbar auf ein weiteres <li>-Element folgt oder wenn es keinen weiteren Inhalt in seinem Elternelement gibt.
Zulässige Eltern Ein <ul>, <ol> oder <menu>-Element. Obwohl nicht konform, kann auch das veraltete <dir> ein Elternelement sein.
Implizite ARIA-Rolle listitem wenn es ein Kind von ol, ul oder menu ist.
Zulässige 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 listenbezogene HTML-Elemente: <ul>, <ol>, <menu> und das veraltete <dir>;
  • CSS-Eigenschaften, die besonders nützlich sein können, um das <li>-Element zu stylen:
    • die list-style Eigenschaft, um die Darstellung der Ordnung zu wählen,
    • CSS-Zähler zur Handhabung komplexer verschachtelter Listen,
    • die margin-Eigenschaft, um den Einzug des Listenelements zu steuern.