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 dieglobalen 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: Kleinbuchstaben
• A: Großbuchstaben
• i: Kleinbuchstaben in römischen Ziffern
• I: Großbuchstaben in römischen Ziffern
• 1: Zahlen

Diese Typen überschreiben die des übergeordneten<ol>-Elements, falls vorhanden.

Hinweis:Dieses Attribut wurde veraltet; verwenden Sie stattdessen die CSS-Eigenschaftlist-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

Spezifikationen

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:
  • dielist-style-Eigenschaft, um die Art der Darstellung des Ordinales zu wählen,
  • CSS-Zähler, um komplexe verschachtelte Listen zu handhaben,
  • diemargin-Eigenschaft, um den Einzug des Listenelements zu steuern.