<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>-HTML-Element wird verwendet, um einen Eintrag 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ählungspunkten dargestellt. In geordneten Listen werden sie in der Regel mit einem aufsteigenden Zähler auf der linken Seite dargestellt, wie einer Zahl oder einem Buchstaben.

Probieren Sie es aus

Attribute

Dieses Element enthält die globalen Attribute.

value

Dieses ganzzahlige Attribut gibt den aktuellen Ordinalwert des Listenelements an, wie er durch das <ol>-Element definiert ist. Der einzige erlaubte Wert für dieses Attribut ist eine Zahl, selbst wenn die Liste mit römischen Ziffern oder Buchstaben dargestellt wird. Die Listenelemente, die darauf folgen, setzen die Nummerierung ab dem eingestellten Wert fort. Dieses Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder Menüs (<menu>).

type

Dieses Zeichen-Attribut gibt den Nummerierungstyp an:

  • a: Kleinbuchstaben
  • A: Großbuchstaben
  • i: kleine römische Ziffern
  • I: große römische Ziffern
  • 1: Zahlen

Dieser Typ überschreibt denjenigen, der von seinem übergeordneten <ol>-Element verwendet wird, falls vorhanden.

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

Beispiele

Für detailliertere 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 Fließender Inhalt.
Tag-Auslassung Der End-Tag kann weggelassen werden, wenn auf das Listenelement unmittelbar ein weiteres <li>-Element folgt oder wenn es keinen weiteren Inhalt in seinem Elternelement gibt.
Erlaubte Eltern Ein <ul>, <ol>, oder <menu>-Element. Obwohl nicht konform, kann auch das veraltete <dir> als Elternteil verwendet werden.
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 Standard
# the-li-element

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

  • Andere Listen-bezogene 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 Art der Darstellung des Ordinals auszuwählen,
    • CSS-Counter, um komplexe verschachtelte Listen zu verwalten,
    • die margin-Eigenschaft, um den Einzug des Listenelements zu steuern.