HTML中的自定义数据属性data-*

data-* 全局属性 是一类被称为自定义数据属性的属性,它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力,并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。

定义和用法

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

data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

存储的(自定义)数据能够被页面的 JavaScript 中利用,以创建更好的用户体验(不进行 Ajax 调用或服务器端数据库查询)。

data-* 属性包括两部分:

①属性名不应该包含任何大写字母,并且在前缀 “data-” 之后必须有至少一个字符。

②属性值可以是任意字符串。

注释:用户代理会完全忽略前缀为 “data-” 的自定义属性。

*可以使用遵循 xml名称生产规则 的任何名称来被替换,并具有以下限制:
1.该名称不能以xml开头,无论这些字母是大写还是小写;

2.该名称不能包含任何分号 (U+003A);

3.该名称不能包含A至Z的大写字母。

浏览器兼容性:
在这里插入图片描述

发布了32 篇原创文章 · 获赞 76 · 访问量 9908

猜你喜欢

转载自blog.csdn.net/liuyifeng0000/article/details/104366155