HTML:ssä on kolme listatyyppiä, joista jokaisella on semanttinen merkitys. Oikean tyypin käyttäminen auttaa saavutettavuudessa (näytönlukijat ilmoittavat "lista, 3 kohdetta") ja rakenteessa.
Apples
Bananas
Cherries
Renderöidään oletuksena luettelomerkeillä. Käytä navigaatiovalikkoihin, ominaisuusluetteloihin, tunnisteisiin — mihin tahansa, jossa järjestys ei ole merkityksellistä.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Renderöidään numeroilla. Käytä vaiheisiin, rankingeihin, ohjeisiin. Attribuutit: type (1, a, A, i, I), start (ensimmäinen numero), 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> on termi, <dd> sen kuvaus — loistava sanastoihin, metatietoihin ja avain/arvo-pareihin.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Navigaatiovalikot merkitään perinteisesti <ul>-elementiksi <nav>-elementin sisällä.
Listat eivät ole vain luettelomerkkejä — ne antavat sisällölle rakenteen, jonka näytönlukijat ilmoittavat ja jonka voit muotoilla vapaasti (oletusmerkit poistetaan helposti CSS:llä).
<ul>- ja <ol>- ja <dl>-elementtien valinta viestii merkityksestä: järjestämätön, sekvenssiaalinen tai termi-määritelmä.