<data>: The Data element
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
Phần tử <data> trong HTML liên kết một đoạn nội dung nhất định với bản dịch có thể đọc được bởi máy. Nếu nội dung liên quan đến thời gian hoặc ngày tháng, phải sử dụng phần tử <time>.
Try it
<p>New Products:</p>
<ul>
<li><data value="398">Mini Ketchup</data></li>
<li><data value="399">Jumbo Ketchup</data></li>
<li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
data:hover::after {
content: " (ID " attr(value) ")";
font-size: 0.7em;
}
Thuộc tính
Các thuộc tính của phần tử này bao gồm các thuộc tính toàn cục.
value-
Thuộc tính này chỉ định bản dịch có thể đọc được bởi máy của nội dung của phần tử.
Ví dụ
Ví dụ sau hiển thị tên sản phẩm nhưng cũng liên kết từng tên với một số sản phẩm.
html
<p>New Products</p>
<ul>
<li><data value="398">Mini Ketchup</data></li>
<li><data value="399">Jumbo Ketchup</data></li>
<li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
Kết quả
Tóm tắt kỹ thuật
| Danh mục nội dung | Nội dung luồng, nội dung cụm từ, nội dung hữu hình. |
|---|---|
| Nội dung được phép | Nội dung cụm từ. |
| Bỏ qua thẻ | Không có, cả thẻ mở và thẻ đóng đều bắt buộc. |
| Phần tử cha được phép | Bất kỳ phần tử nào chấp nhận nội dung cụm từ. |
| Vai trò ARIA ngầm định |
generic
|
| Các vai trò ARIA được phép | Bất kỳ |
| Giao diện DOM | HTMLDataElement |
Thông số kỹ thuật
| Specification |
|---|
| HTML # the-data-element |
Khả năng tương thích trình duyệt
Xem thêm
- Phần tử HTML
<time>.