HTML memiliki tiga jenis daftar, masing-masing dengan makna semantik. Menggunakan yang tepat membantu aksesibilitas (pembaca layar mengumumkan "daftar, 3 item") dan struktur.
Unordered list — order doesn't matter
html
Apples
Bananas
Cherries
Berenderasi dengan poin standar. Gunakan untuk menu navigasi, daftar fitur, tag — apa pun di mana urutan tidak bermakna.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Berenderasi dengan angka. Gunakan untuk langkah, peringkat, instruksi. Atribut: type (1, a, A, i, I), start (angka pertama), 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> adalah istilah, <dd> deskripsinya — bagus untuk glosarium, metadata, dan pasangan kunci/nilai.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- nested submenu -->
</li>
</ul>
</nav>
Menu navigasi secara konvensional ditandai sebagai <ul> di dalam <nav>.
Daftar bukan hanya untuk poin — mereka memberikan struktur konten yang diumumkan pembaca layar dan yang dapat Anda tata gaya dengan bebas (penanda default mudah dihapus dengan CSS).
Memilih <ul> vs <ol> vs <dl> mengkomunikasikan makna: tidak terurut, berurutan, atau istilah-definisi.