Xét ý nghĩa của thứ tự các mục
Danh sách nhóm các mục có liên quan. Dùng `ol` khi thứ tự mang ý nghĩa, như các bước đọc bản nháp → sửa lỗi → lưu bản cuối. Dùng `ul` khi chỉ cần liệt kê các mục, như sách giấy và bút ghi chú.
Trong cả hai loại, mỗi mục được đặt trong một phần tử `li`. Các mục đều hiện lần lượt trên trang; “không thứ tự” nói về ý nghĩa của danh sách, không có nghĩa trình duyệt xáo trộn các mục.
Kiểu đánh dấu và giá trị bắt đầu
```html
<ol type="a" start="3">
<li>Đọc bản nháp.</li>
<li>Sửa lỗi.</li>
<li>Lưu bản cuối.</li>
</ol>
```
`type="a"` chọn chữ cái thường. `start="3"` bắt đầu ở thứ tự 3, nên ba mục được đánh dấu c, d, e khi chưa có CSS thay đổi dấu mục. start nhận số nguyên, không viết start="c" để thay số 3.
Các giá trị type thường dùng: `1` cho số thập phân; `a`/`A` cho chữ cái thường/hoa; `i`/`I` cho số La Mã thường/hoa. Giá trị bắt đầu tính theo thứ tự, không phải số lượng mục.
Dấu đầu dòng không thay số mục
```html
<ul style="list-style-type:square">
<li>Sách giấy</li>
<li>Bút ghi chú</li>
</ul>
```
`list-style-type:square` đặt dấu vuông cho danh sách ul. Có thể dùng disc, circle hoặc none để đổi dấu; none bỏ dấu đầu dòng nhưng các mục li vẫn còn. Đây là một khai báo trình bày bên trong thuộc tính style.
Bài luyện
Ba bước cần thực hiện theo thứ tự: đọc bản nháp, sửa lỗi, lưu bản cuối. Loại danh sách nào phù hợp nhất?
Thứ tự có ý nghĩa trong tình huống đã cho.
Đúng. ol thể hiện trình tự cần theo.
Tình huống là các bước, không phải mục kèm định nghĩa.
Dấu cách không biểu đạt cấu trúc danh sách.
Lời giải
Các bước cần theo đúng trình tự; chẳng hạn lưu bản cuối phải sau khi sửa. ol phù hợp với ý nghĩa đó, và mỗi bước được đặt trong một li.
Bài luyện
Trong ví dụ ol có type="a", start="3" và ba mục, dấu mục thông thường lần lượt là gì?
Dãy này bắt đầu ở thứ tự 1, chưa xét start bằng 3.
type a yêu cầu dấu chữ cái thường.
Đúng. Thứ tự 3 tương ứng c rồi tăng tiếp.
Các mục tiếp theo tăng thứ tự, không lặp c.
Lời giải
type a chọn chữ cái thường và start3 đặt giá trị đầu ở thứ tự 3, tức c. Hai mục tiếp theo tăng lên thứ tự 4 và 5, tương ứng d và e, trong điều kiện hiển thị đã nêu.
Bài luyện
Đổi list-style-type của ul từ square sang none thì điều nào đúng?
Đúng. Đây là thay đổi cách đánh dấu khi hiển thị.
Khai báo trình bày không xóa nội dung nguồn.
Đổi dấu không đổi tên phần tử ul.
Số mục do các phần tử li, không do kiểu dấu.
Lời giải
list-style-type điều khiển dấu mục. none bỏ dấu nhưng không xóa các li, không đổi ul thành ol và không thay số mục của danh sách.
Đang học