HTML memiliki tiga jenis senarai, masing-masing dengan makna semantik. Menggunakan yang tepat membantu aksesibilitas (pembaca layar mengumumkan "senarai, 3 item") dan struktur.
Apples
Bananas
Cherries
Menghasilkan bullet secara default. 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>
Menghasilkan nomor. Gunakan untuk langkah, peringkat, instruksi. Atribut: type (1, a, A, i, I), start (nomor 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 — sempurna 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>.
Senarai bukan hanya untuk bullet — mereka memberikan struktur konten yang diumumkan pembaca layar dan yang dapat Anda gaya dengan bebas (penanda default mudah dihapus dengan CSS).
Memilih <ul> vs <ol> vs <dl> mengomunikasikan makna: tidak terurut, berurutan, atau istilah-definisi.