例
使用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()方法