Listen sind im Web häufiger, als man denkt: Aufzählungen im Text, Navigationen, Suchergebnisse, Produktübersichten. HTML unterscheidet dabei, ob die Reihenfolge eine Aussage trifft.
- Liste (ul, ol, li)
Element für eine Aufzählung von Einträgen, entweder ungeordnet (ul) oder mit bedeutsamer Reihenfolge (ol).
Beispiel: „Jeder Eintrag einer Liste steht in einem eigenen li-Element.“Auch: Aufzählung, ul-Element, ol-Element.
Die Reihenfolge entscheidet
Die Spezifikation unterscheidet schlicht danach, ob die Reihenfolge etwas bedeutet. Bei ul ist sie not important, bei ol sind die Einträge intentionally ordered. Eine Zutatenliste ist ungeordnet, eine Anleitung in Schritten geordnet.
Die Darstellung folgt daraus, ist aber austauschbar: Punkte und Ziffern lassen sich per CSS ändern oder entfernen, ohne dass die Bedeutung verloren geht.
Mehr Listen, als man denkt
Eine Navigation ist eine Liste von Zielen, eine Suchergebnisseite eine Liste von Treffern, eine Produktübersicht eine Liste von Produkten. Die Auszeichnung zahlt sich aus: Screenreader nennen die Zahl der Einträge und erlauben, die Liste zu überspringen.
<ul>
<li>Konzept</li>
<li>Design</li>
<li>Umsetzung</li>
</ul>Was in ein li gehört
Zwischen ul und li darf nichts anderes stehen. Im li selbst ist dagegen viel erlaubt, bis hin zu Absätzen und weiteren Listen. Verschachtelte Listen gehören dabei in das li, zu dem sie gehören, nicht daneben.