<li>: Phần tử Mục danh sách
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phần tử <li> trong HTML được sử dụng để đại diện cho một mục trong danh sách. Nó phải được chứa trong một phần tử cha: danh sách có thứ tự (<ol>), danh sách không có thứ tự (<ul>), hoặc menu (<menu>). Trong menu và danh sách không có thứ tự, các mục trong danh sách thường được hiển thị bằng dấu đầu dòng. Trong danh sách có thứ tự, chúng thường được hiển thị với bộ đếm tăng dần ở bên trái, chẳng hạn như số hoặc chữ cái.
Try it
<p>Apollo astronauts:</p>
<ul>
<li>Neil Armstrong</li>
<li>Alan Bean</li>
<li>Peter Conrad</li>
<li>Edgar Mitchell</li>
<li>Alan Shepard</li>
</ul>
p,
li {
font:
1rem "Fira Sans",
sans-serif;
}
p {
font-weight: bold;
}
Thuộc tính
Phần tử này bao gồm các thuộc tính toàn cục.
value-
Thuộc tính số nguyên này chỉ ra giá trị thứ tự hiện tại của mục trong danh sách như được xác định bởi phần tử
<ol>. Giá trị duy nhất được phép cho thuộc tính này là một số, ngay cả khi danh sách được hiển thị bằng số La Mã hoặc chữ cái. Các mục trong danh sách theo sau sẽ tiếp tục đánh số từ giá trị được đặt. Thuộc tính này không có ý nghĩa đối với danh sách không có thứ tự (<ul>) hoặc menu (<menu>). typeDeprecated-
Thuộc tính ký tự này chỉ ra kiểu đánh số:
a: chữ cái thườngA: chữ cái hoai: số La Mã thườngI: số La Mã hoa1: số
Kiểu này ghi đè lên kiểu được sử dụng bởi phần tử
<ol>cha, nếu có.Note: Thuộc tính này đã bị lỗi thời; hãy sử dụng thuộc tính CSS
list-style-typethay thế.
Ví dụ
Danh sách có thứ tự
<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>
Kết quả
Danh sách có thứ tự với giá trị tùy chỉnh
<ol type="I">
<li value="3">third item</li>
<li>fourth item</li>
<li>fifth item</li>
</ol>
Kết quả
Danh sách không có thứ tự
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
Kết quả
Tóm tắt kỹ thuật
| Danh mục nội dung | Không có. |
|---|---|
| Nội dung được phép | Nội dung luồng. |
| Bỏ qua thẻ |
Thẻ đóng có thể bị bỏ qua nếu mục trong danh sách ngay sau đó là
một phần tử <li> khác, hoặc nếu không còn
nội dung nào trong phần tử cha của nó.
|
| Phần tử cha được phép |
Phần tử <ul>, <ol>, hoặc
<menu>. Mặc dù không phải cách sử dụng phù hợp,
phần tử lỗi thời <dir> cũng có thể là cha.
|
| Vai trò ARIA ngầm định |
listitem
khi là con của phần tử
ol, ul hoặc
menu
|
| Vai trò ARIA được phép |
menuitem,
menuitemcheckbox,
menuitemradio, option,
none, presentation,
radio, separator,
tab, treeitem
|
| Giao diện DOM | HTMLLIElement |
Thông số kỹ thuật
| Specification |
|---|
| HTML # the-li-element |
Tương thích trình duyệt
Xem thêm
- Các phần tử HTML liên quan đến danh sách khác:
<ul>,<ol>,<menu>, và phần tử lỗi thời<dir>; - Các thuộc tính CSS có thể đặc biệt hữu ích để tạo kiểu cho phần tử
<li>:- Thuộc tính
list-style, để chọn cách hiển thị số thứ tự, - CSS counters, để xử lý các danh sách lồng nhau phức tạp,
- Thuộc tính
margin, để kiểm soát thụt lề của mục trong danh sách.
- Thuộc tính