HTML má tři typy seznamů, každý s určitým sémantickým významem. Použití správného typu pomáhá přístupnosti (čtečky obrazovky oznamují "seznam, 3 položky") a struktuře.
Neuspořádaný seznam — pořadí nezáleží
html
Apples
Bananas
Cherries
Vykresluje se s odrážkami. Používá se pro navigační menu, seznamy funkcí, značky — kdekoli, kde posloupnost není důležitá.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Vykresluje se s čísly. Používá se pro kroky, hodnocení, instrukce. Atributy: type (1, a, A, i, I), start (první číslo), 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> je termín, <dd> jeho popis — výborné pro glosáře, metadata a páry klíč/hodnota.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Navigační menu se obvykle značí jako <ul> uvnitř <nav>.
Seznam není pouze o odrážkách — dává obsahu strukturu, kterou čtečky obrazovky oznamují a kterou můžete volně stylizovat (výchozí značky jsou snadno odstranitelné CSS).
Volba <ul> vs <ol> vs <dl> komunikuje smysl: neuspořádaný, sekvenční nebo termín-definice.