例
使用data-*屬性嵌入自定義數據：
<ul>
<li data-animal-type="bird">Owl</li>
<li
data-animal-type="fish">Salmon</li>
<li
data-animal-type="spider">Tarantula</li>
</ul>
試一試» 定義和用法
的data-*屬性用於存儲專用於該頁面或應用程序的自定義數據。
該data-*屬性為我們提供了嵌入定制的能力， data上的所有HTML元素屬性。
儲存（自定義）的數據就可以在頁面的JavaScript被用來創建更具吸引力的用戶體驗（沒有任何Ajax調用或服務器端數據庫查詢）。
該data-*屬性由兩部分組成：
- 屬性名稱不應該包含任何大寫字母，和之後的前綴必須至少有一個字符長的"data-"
- 該屬性值可以是任何字符串
注：前綴自定義屬性的"data-"將通過用戶代理完全忽略。
瀏覽器支持
在表中的數字指定完全支持屬性所述第一瀏覽器的版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| data-* | 4 | 5.5 | 2.0 | 3.1 | 9.6 |
HTML 4.01和HTML5之間的差異
該data-*屬性是HTML5中新。
句法
<elementdata-*=" somevalue ">
屬性值
| 值 | 描述 |
|---|---|
| somevalue | 指定屬性的值（字符串） |
相關頁面
HTML教程： HTML屬性
HTML DOM參考： HTML DOM getAttribute()方法