HTML data-* 属性

定义和用法

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

data-* 属性使我们能够在所有 HTML 元素上嵌入自定义数据属性。

存储（自定义）数据之后，可以在页面的 JavaScript 中使用这些数据，以创建更具吸引力的用户体验（无需任何 Ajax 调用或服务器端数据库查询）。

data-* 属性包含两部分

1. 属性名称不得包含任何大写字母，并且在 "data-" 前缀之后必须至少有一个字符。
2. 属性值可以是任何字符串

注意： 前缀为 "data-" 的自定义属性将被用户代理完全忽略。

适用范围

data-* 属性是 全局属性，可用于任何 HTML 元素。

示例

浏览器支持

表格中的数字表示完全支持该属性的第一个浏览器版本。