<li>: Das Listenpunkt-Element

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> 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 üblicherweise mit Aufzählungspunkten dargestellt. In geordneten Listen werden sie normalerweise mit einem aufsteigenden Zähler links dargestellt, z.B. einer Nummer oder einem Buchstaben.

Probieren Sie es aus

Attribute

Dieses Element umfasst die globalen Attribute.

value

Dieses ganzzahlige Attribut gibt den aktuellen Ordnungswert des Listenelements an, wie durch das <ol>-Element definiert. Der einzige erlaubte Wert für dieses Attribut ist eine Zahl, auch wenn die Liste mit römischen Ziffern oder Buchstaben angezeigt wird. Nachfolgende Listenelemente beginnen mit der im value-Attribut festgelegten Nummerierung weiterzuzählen. Das value-Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder für Menüs (<menu>).

type

Dieses Zeichenattribut gibt den Nummerierungstyp an:

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

Dieser Typ überschreibt den im übergeordneten <ol>-Element verwendeten, falls vorhanden.

Hinweis: Dieses Attribut ist veraltet; verwenden Sie stattdessen die CSS-Eigenschaft list-style-type.

Beispiele

Für ausführlichere Beispiele siehe die Seiten <ol> und <ul>.

Geordnete Liste

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

Ergebnis

Geordnete Liste mit einem benutzerdefinierten 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.
Erlaubter Inhalt Flow-Inhalt.
Tag-Auslassung Der End-Tag kann weggelassen werden, wenn das Listenelement unmittelbar von einem weiteren <li>-Element gefolgt wird oder wenn kein weiterer Inhalt im übergeordneten Element vorhanden ist.
Erlaubte Eltern Ein <ul>, <ol> oder <menu>-Element. Obwohl es nicht konform ist, kann auch das veraltete <dir> als Elternteil verwendet werden.
Implizierte ARIA-Rolle listitem als 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 Standard
# the-li-element

Browser-Kompatibilität

BCD tables only load in the browser

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 gestalten:

    • die list-style-Eigenschaft, um die Anzeige des Ordnungskennzeichens auszuwählen,
    • CSS-Zähler, um komplexe verschachtelte Listen zu verwalten,
    • die margin-Eigenschaft, um den Einzug des Listenelements zu steuern.