HTML har tre listetyper, hver med en semantisk betydning. Å bruke den rette hjelper tilgjengeligheten (skjermlesere kunngjør "liste, 3 elementer") og strukturen.
Uordnet liste — rekkefølge spiller ingen rolle
html
Apples
Bananas
Cherries
Gjenges med punkter som standard. Bruk for navigasjonsmenyer, funksjonslist, tagger — alt der rekkefølgen ikke er meningsfull.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Gjenges med tall. Bruk for trinn, rangeringer, instruksjoner. Attributter: type (1, a, A, i, I), start (første tall), 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> er begrepet, <dd> er beskrivelsen — utmerket for ordlister, metadata og nøkkel/verdi-par.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Navigasjonsmenyer er konvensjonelt markert opp som en <ul> inne i <nav>.
Lister er ikke bare for punkter — de gir innholdet struktur som skjermlesere kunngjør og som du kan utforme fritt (standardmarkørene fjernes enkelt med CSS).
Å velge <ul> kontra <ol> kontra <dl> formidler betydning: uordnet, sekvensielt eller term-definisjon.
Et bibliotek av IT-intervjuspørsmål med detaljerte svar — fra Junior til Senior.
Doner