HTML ka tre lloje listash, secila me nje kuptim semantik. Përdorimi i llojit të duhur ndihmon aksesibilitetin (lexuesit e ekranit njoftojnë "listë, 3 artikuj") dhe strukturën.
Lista e parenditur — rendi nuk ka rëndësi
Apples
Bananas
Cherries
Shfaqet me pika si parazgjedhje. Përdorni për menut e navigimit, listat e veçorive, etiketat — çdo gjë ku sekuenca nuk është e rëndësishme.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Shfaqet me numra. Përdorni për hapat, renditjet, udhëzimet. Atributet: type (1, a, A, i, I), start (numri i parë), 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> është termi, <dd> është përshkrimi i tij — i shkëlqyeshëm për fjalorë, metadata, dhe çifte çelës/vlerë.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Menut e navigimit janë në mënyrë konvencionale shënuar si <ul> brenda <nav>.
Listat nuk janë vetëm për pika — ata u japin përmbajtjes strukturë që lexuesit e ekranit njoftojnë dhe që mund ta stilizoni lirisht (shenjat e parazgjedhur hiqen lehtësisht me CSS).
Zgjedhja <ul> kundër <ol> kundër <dl> komunikon kuptimin: i parenditur, sekuencial, ose term-përkufizim.