定義和用法
的data-*屬性用於存儲專用於該頁面或應用程序的自定義數據。
該data-*屬性為我們提供了嵌入所有HTML元素的自定義數據屬性的能力。
儲存(自定義)的數據就可以在頁面的JavaScript被用來創建更具吸引力的用戶體驗(沒有任何Ajax調用或服務器端數據庫查詢)。
該data-*屬性由兩部分組成:
- 屬性名稱不應該包含任何大寫字母,和之後的前綴必須至少有一個字符長的"data-"
- 該屬性值可以是任何字符串
注:前綴自定義屬性的"data-"將通過用戶代理完全忽略。
適用於
所述contextmenu的屬性是一部分全局屬性 ,並且可以任何HTML元素上使用。
元件 | 屬性 |
---|---|
所有的HTML元素 | data-* |
例
例
使用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-* | 4 | 5.5 | 2.0 | 3.1 | 9.6 |