Thẻ <data> trong HTML

Thẻ <data> trong HTML được dùng để liên kết nội dung hiện tại với dạng đọc được máy (machine-readable) bằng cách dịch chuyển nó.

Cú pháp

Cú pháp như sau:

<data value="">

Ở trên, value thiết lập dạng máy đọc được của nội dung.

Ví dụ

Ví dụ triển khai thẻ <data>:

<!DOCTYPE html> <html> <body> 
<h2>Môn học trong trường học</h2> 
<p>Liên kết tên môn học với số:</p> 
<ul> 
    <li><data value="1000">Toán</data></li> 
    <li><data value="1003">Khoa học</data></li> 
    <li><data value="1009">Tiếng Anh</data></li> 
    <li><data value="1030">Khoa học Chính trị</data></li> 
    <li><data value="1045">Tiếng Pháp</data></li> 
</ul> 
</body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Trong ví dụ trên, chúng ta gán số cho nội dung bằng cách dịch chuyển:

<ul> 
    <li><data value="1000">Toán</data></li> 
    <li><data value="1003">Khoa học</data></li> 
    <li><data value="1009">Tiếng Anh</data></li> 
    <li><data value="1030">Khoa học Chính trị</data></li> 
    <li><data value="1045">Tiếng Pháp</data></li> 
</ul>

Chúng ta thiết lập dạng máy đọc được cho nội dung dùng phần tử <data>:

<data value="1000"> Toán </data>