A HTML háromféle lista típussal rendelkezik, mindegyik saját szemantikai jelentéssel bír. A helyes használata segít az akadálymentesítésben (a képernyőolvasók "lista, 3 tétel" közlést hangoztatnak) és a szerkezetben.
Apples
Bananas
Cherries
Alapértelmezésben felsorolásjelekkel jelenik meg. Használja navigációs menükhez, funkciólistákhoz, címkékhez — bármi, ahol a sorrend nem értelmes.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Számokkal jelenik meg. Használja lépésekhez, rangsorolásokhoz, utasításokhoz. Attribútumok: type (1, a, A, i, I), start (első szám), 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> a kifejezés, <dd> annak leírása — kiváló szótárakhoz, metaadatokhoz és kulcs/érték párokhoz.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
A navigációs menüket hagyományosan <ul> -ként jelölik meg a <nav> belsejében.
A listák nem csupán felsorolásjelek — szerkezetet adnak a tartalomnak, amelyet a képernyőolvasók közölnek, és amely szabadon stílusa lehet (az alapértelmezett jelölők könnyen eltávolíthatók CSS-sel).
A <ul> vs <ol> vs <dl> választása közvetít jelentést: rendezetlen, szekvenciális vagy kifejezés-definíció.