HTML har tre listetyper, hver med semantisk betydning. At bruge den rigtige hjælper tilgængelighed (skærmlæsere annoncerer "liste, 3 elementer") og struktur.
Uordnet liste — rækkefølge betyder ikke noget
html
Apples
Bananas
Cherries
Gengives med punkttegn som standard. Brug til navigationsmenuere, funktionslister, tags — alt hvor sekvens ikke er meningsfuldt.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Gengives med tal. Brug til trin, rankinger, instruktioner. Attributter: type (1, a, A, i, I), start (første tal), reversed.
<dl>
<dt>HTML</dt>
<dd>The markup language for web pages.</dd>
<dt>CSS</dt>
<dd>The styling language for web pages.</dd>
</dl>
<dt> er termen, <dd> dens beskrivelse — fantastisk til ordlister, metadata og nøgle/værdi-par.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Navigationsmenuere er konventionelt markeret op som en <ul> indeni <nav>.
Lister handler ikke kun om punkttegn — de giver indhold struktur, som skærmlæsere annoncerer, og som du kan style frit (standardmarkørerne fjernes nemt med CSS).
At vælge <ul> vs <ol> vs <dl> kommunikerer betydning: uordnet, sekventiel eller term-definition.