Status: Aktueller Standard
<li> steht für list item (Listeneintrag).
<li>-Tag kann nicht alleine stehen. Es muss immer innerhalb eines der übergeordneten Elemente <ul>, <ol> oder <menu> eingebettet sein. Innerhalb dieser Tags dürfen nur <li> vorkommen. Man kann Listen verschachteln, dann muss das weitere <ul>, <ol> oder <menu> aber innerhalb eines <li> stehen! (siehe Beispiele).
<ul>/<ol>/<menu><li>...</li></menu>/</ol>/</ul>Nummer vorgeben (nur <ol>)
Design des Indexes:
disc: Scheibe (nur <ul>)
circle: Kreis (nur <ul>)
square: Quadrat (nur <ul>)
1: Zahlen (nur <ol>)
a: Kleinbuchstaben (nur <ol>)
A: Großbuchstaben (nur <ol>)
i: Römische Zahlen klein (nur <ol>)
I: Römische Zahlen groß (nur <ol>)
<li>
- unsorted list (<ul>) <ul>
<li>Kaffee</li>
<li>Tee</li>
<li>Saft</li>
</ul>
<li>
- <ol> mit diversen Aufzählungspunkten <h3>Standard</h3>
<ol>
<li>Einleitung</li>
<li>Hauptteil</li>
<li>Schluss</li>
</ol>
<h3>Römische Ziffern</h3>
<ol type="I">
<li>Einleitung</li>
<li>Hauptteil</li>
<li>Schluss</li>
</ol>
<h3>Alphabet</h3>
<ol type="A">
<li>Einleitung</li>
<li>Hauptteil</li>
<li>Schluss</li>
</ol>
<li>
- Verschachtelung von Listen <ul>
<li>Getränke
<ul>
<li>Wasser</li>
<li>Limonade</li>
</ul>
</li>
<li>Speisen
<ul>
<li>Vorspeisen</li>
<li>Hauptspeisen</li>
<li>Nachspeisen</li>
</ul>
</li>
</ul>
Um ein Listensymbol (Aufzählungszeichen) mit CSS zu definieren muss die Definition wie folgt aussehen (z.B. für "circle"):
li {list-style-type: circle;}Um ein eigenes Listensymbol (Aufzählungszeichen) mit CSS zu definieren muss die Definition wie folgt aussehen:
li::before {content: "✓"; color: yellow;}
li::before {content: "→ "; color: green;}
li::before {content: "❤️ ";color: red;}
// Es können alle "UTF-8"-Zeichen verwendet werden!
}