data-* 全局属性 是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。
定义和用法
data-* 属性用于存储页面或应用程序的私有自定义数据。
data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。
存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询)。
data-* 属性包括两部分:
①属性名不应该包含任何大写字母,并且在前缀 “data-” 之后必须有至少一个字符。
②属性值可以是任意字符串。
注释:用户代理会完全忽略前缀为 “data-” 的自定义属性。
*可以使用遵循 xml名称生产规则 的任何名称来被替换,并具有以下限制:
1.该名称不能以xml开头,无论这些字母是大写还是小写;
2.该名称不能包含任何分号 (U+003A);
3.该名称不能包含A至Z的大写字母。
浏览器兼容性: