定义和用法
的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 |