HTML có ba loại list, mỗi loại mang một ý nghĩa semantic. Dùng đúng loại giúp accessibility (screen reader thông báo "list, 3 items") và cấu trúc.
Unordered list — thứ tự không quan trọng
html
Apples
Bananas
Cherries
Mặc định render với dấu chấm đầu dòng. Dùng cho menu điều hướng, danh sách tính năng, tag — bất cứ thứ gì mà trình tự không có ý nghĩa.
<ol type="1" start="1">
<li>Preheat the oven</li>
<li>Mix ingredients</li>
<li>Bake for 20 minutes</li>
</ol>
Render với số. Dùng cho các bước, xếp hạng, hướng dẫn. Attribute: type (1, a, A, i, I), start (số đầu tiên), 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> là thuật ngữ, <dd> là mô tả của nó — tuyệt vời cho bảng thuật ngữ, metadata, và cặp key/value.
<nav>
<ul>
<li><a href="/">Home</a>
<ul><li><a href="/sub">Sub-page</a></li></ul> <!-- submenu lồng nhau -->
</li>
</ul>
</nav>
Menu điều hướng theo quy ước được đánh dấu là một <ul> bên trong <nav>.
List không chỉ để hiện dấu chấm đầu dòng — chúng cho nội dung một cấu trúc mà screen reader thông báo và bạn có thể style tự do (các marker mặc định dễ dàng bỏ đi bằng CSS).
Chọn <ul> so với <ol> so với <dl> truyền đạt ý nghĩa: không thứ tự, tuần tự, hay thuật ngữ-định nghĩa.