แอตทริบิวต์ HTML DATA- *
ตัวอย่าง
ใช้ DATA- * คุณลักษณะการฝังข้อมูลที่กำหนดเอง:
<ul>
<li ข้อมูลสัตว์ประเภท = "นก"> นกฮูก </ li>
<li ข้อมูลสัตว์ประเภท = "ปลา"> แซลมอน </ li>
<li ข้อมูลสัตว์ประเภท = "แมงมุม"> ทารันทูล่า </ li>
</ ul>
<li ข้อมูลสัตว์ประเภท = "นก"> นกฮูก </ li>
<li ข้อมูลสัตว์ประเภท = "ปลา"> แซลมอน </ li>
<li ข้อมูลสัตว์ประเภท = "แมงมุม"> ทารันทูล่า </ li>
</ ul>
ลอง»
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทั้งหมดสนับสนุนคุณลักษณะ DATA- *
ความหมายและการใช้งาน
DATA- * แอตทริบิวต์ที่ถูกใช้ในการเก็บหน้าส่วนตัวหลังจากที่คุณใช้ข้อมูลที่กำหนดเอง
DATA- * ข้อมูลแอตทริบิวต์สามารถฝังตัวอยู่ในองค์ประกอบ HTML ใด ๆ
ข้อมูลที่กำหนดเองสามารถทำให้หน้ามีประสบการณ์การโต้ตอบที่ดีกว่า (จำเป็นต้องใช้อาแจ็กซ์หรือแบบสอบถามข้อมูลไปยังเซิร์ฟเวอร์ไม่ได้)
DATA- * แอตทริบิวต์ประกอบด้วยสองส่วน:
- ไม่รวมชื่อคุณสมบัติตัวอักษรใน DATA- จะต้องมีอย่างน้อยหนึ่งตัว
- คุณสมบัตินี้สามารถเป็นสตริงใด ๆ
หมายเหตุ: ที่กำหนดเองแอตทริบิวต์คำนำหน้า "DATA-" จะถูกละเว้นโดยลูกค้า
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
คุณลักษณะ HTML5 DATA- * มีการเพิ่ม
ไวยากรณ์
<Element Data - * = "somevalue">
มูลค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
somevalue | ค่าแอตทริบิวต์ที่ระบุ (สตริง) |
HTML แอตทริบิวต์