最新的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