<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 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ählungszeichen angezeigt. In geordneten Listen werden sie in der Regel mit einem aufsteigenden Zähler auf der linken Seite angezeigt, wie zum Beispiel einer Zahl oder einem Buchstaben.

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 enthält die globalen Attribute.

value

Dieses Integer-Attribut gibt den aktuellen Ordnungswert des Listenelements an, wie er durch das <ol>-Element definiert ist. Der einzige erlaubte Wert für dieses Attribut ist eine Zahl, auch wenn die Liste mit römischen Ziffern oder Buchstaben angezeigt wird. Folgende Listenelemente nummerieren ab dem eingestellten Wert weiter. Dieses Attribut hat keine Bedeutung für ungeordnete Listen (<ul>) oder für Menüs (<menu>).

type Veraltet

Dieses Zeichen-Attribut zeigt 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 detailliertere Beispiele sehen Sie 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 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 anderen `<li>`-Element gefolgt wird, oder wenn kein Inhalt mehr im übergeordneten Element vorhanden ist.
Erlaubte Eltern	Ein `<ul>`, `<ol>`, oder `<menu>`-Element. Obwohl nicht konform, kann das veraltete `<dir>` auch ein Elternteil sein.
Implizite ARIA-Rolle	`listitem` als Kind von `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 Listen-bezogene HTML-Elemente: <ul>, <ol>, <menu>, und das veraltete <dir>;
CSS-Eigenschaften, die besonders nützlich sind, um das <li>-Element zu gestalten:
- die list-style-Eigenschaft, um die Anzeige der Ordnungszeichen zu ändern,
- CSS-Zähler, um komplexe verschachtelte Listen zu handhaben,
- die margin-Eigenschaft, um den Einzug des Listenelements zu steuern.