HTML data-* 属性用于存储私有页面后应用的自定义数据

data-* 属性可以在所有的 HTML 元素中嵌入数据

自定义的数据可以让页面拥有更好的交互体验，不需要使用 Ajax 或去服务端查询数据

data-* 属性由以下两部分组成

1. 属性名不要包含大写字母，在 data- 后必须至少有一个字符
2. 该属性可以是任何字符串

自定义属性前缀 data- 会被客户端忽略

语法

<*element* data-*=" **somevalue** ">

属性值

浏览器支持

所有主流浏览器都支持 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>

运行范例 »

HTML 4.01 与 HTML5 之间的差异

data-* 属性是 HTML5 新增的