แท็ก HTML <data>

แท็ก <data> ใน HTML ใช้สำหรับ เชื่อมโยงเนื้อหาที่มนุษย์อ่านได้ กับค่าที่เครื่องอ่านได้ (machine-readable) โดยแปลง/แปลเนื้อหาเป็นรูปแบบมาตรฐาน

ไวยากรณ์ (Syntax)

<data value="">

value — กำหนดรูปแบบ machine-readable ของเนื้อหา

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
<h2>วิชาที่สอนในโรงเรียน</h2>
<p>เชื่อมโยงชื่อวิชากับรหัส:</p>
<ul>
  <li><data value="1000">คณิตศาสตร์</data></li>
  <li><data value="1003">วิทยาศาสตร์</data></li>
  <li><data value="1009">ภาษาอังกฤษ</data></li>
  <li><data value="1030">รัฐวิทยา</data></li>
  <li><data value="1045">ภาษาฝรั่งเศส</data></li>
</ul>
</body>
</html>

ผลลัพธ์

แสดงรายการวิชาแบบปกติ — แต่แต่ละรายการมีค่า value ซ่อนอยู่ที่เครื่องอ่านได้ (ใช้สำหรับ JavaScript, API, หรือการประมวลผลข้อมูล)

คำอธิบายโค้ด

• แต่ละ <li> บรรจุ <data value="รหัส">ชื่อวิชา</data>
• ผู้ใช้เห็น "คณิตศาสตร์" แต่เครื่องเห็นค่า "1000"