HTML 元素自定义数据｜Data-×全局属性

定义与用法

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

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

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

data-* 是 HTML5 新增属性。

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

属性名不要包含大写字母，在 data- 后必须至少有一个字符。

该属性可以是任何字符串

提示： 自定义属性前缀 “data-” 会被客户端忽略。

语法格式

elementdata-*=”somevalue“>

示例代码

效果展示：

Owl

Salmon

Tarantula

浏览器支持

所有主流浏览器都支持 data-* 属性。

属性值