HTML heeft drie lijsttypen, elk met een semantische betekenis. Het juiste type gebruiken helpt de toegankelijkheid (schermlezers kondigen aan "lijst, 3 items") en structuur.
Ongeordende lijst — volgorde maakt niet uit
Apples
Bananas
Cherries
Werkt standaard met opsommingstekens. Gebruik voor navigatiemenu's, functielijsten, tags — alles waar volgorde niet van belang is.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Werkt met nummers. Gebruik voor stappen, rankings, instructies. Attributen: type (1, a, A, i, I), start (eerste nummer), 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> is de term, <dd> zijn beschrijving — uitstekend voor woordenlijsten, metagegevens en sleutel/waarde-paren.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Navigatiemenu's worden conventioneel opgesteld als een <ul> in <nav>.
Lijsten dienen niet alleen voor opsommingstekens — ze geven inhoud structuur die schermlezers aankondigen en die je vrijelijk kunt opmaken (de standaardmarkeringen kunnen eenvoudig met CSS worden verwijderd).
Het kiezen tussen <ul> versus <ol> versus <dl> geeft betekenis aan: ongeordend, sequentieel of term-definitie.