HTML ima tri vrste listi, svaka sa svojom semantičkom značenjem. Korištenje prave pomaže dostupnosti (čitači ekrana najavljuju "lista, 3 stavke") i strukturi.
Unordered list — order doesn't matter
html
Apples
Bananas
Cherries
Prikazuje se sa grafičkim oznakama prema zadanom. Koristite za navigacijske izbornik, popis značajki, oznake — bilo šta gde redosled nije značajan.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Prikazuje se sa brojevima. Koristite za korake, rangiranja, upute. Atributi: type (1, a, A, i, I), start (prvi broj), 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 izraz, <dd> njegova definicija — odličan za rječnike, metapodatke i parove ključ/vrijednost.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Navigacijski izbornici se po dogovoru označavaju kao <ul> unutar <nav>.
Liste nisu samo za grafičke oznake — one daju sadržaju strukturu koju čitači ekrana najavljuju i koju možete slobodno stilizirati (zadane oznake lako se uklanjaju sa CSS).
Odabir <ul> u odnosu na <ol> u odnosu na <dl> komunicira značenje: neuređena, sekvencijalna ili pojam-definicija.