最新的Web開發教程
 

HTML data-* Attribute


定義和用法

data-*屬性用於存儲專用於該頁面或應用程序的自定義數據。

data-*屬性為我們提供了嵌入所有HTML元素的自定義數據屬性的能力。

儲存(自定義)的數據就可以在頁面的JavaScript被用來創建更具吸引力的用戶體驗(沒有任何Ajax調用或服務器端數據庫查詢)。

data-*屬性由兩部分組成:

  1. 屬性名稱不應該包含任何大寫字母,和之後的前綴必須至少有一個字符長的"data-"
  2. 該屬性值可以是任何字符串

注:前綴自定義屬性的"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