Javascript 什么是data-*HTML属性？

我最近在其中一个网站的开放标签上发现如下：

---

我找不到任何关于它的信息。这些标记用于什么？

data-*

属性是自定义HTML属性

基本上，有标准的HTML属性，如

style、src、width、height、class

。。。这些对浏览器有着特殊的意义，是“保留的”

但是，自定义属性通常没有特殊含义，只对所有者应用程序有特殊意义。它们可用于简化应用程序逻辑

在属性名称之前使用

data-

，可以确保将来的标准属性不会使用当前属性。例如，假设今天您正在使用

声音

属性。若您使用了

数据声音

，那个么就没问题了，因为规范中说它将不会被未来的浏览器使用。相反，未来的标准浏览器属性将不包含

数据-

有关为什么使用data-*属性的一些有用信息，请参见

另外，有关一些有用的信息，请参见。

这些是数据属性，也是开发人员用于在视图中存储某些数据的自定义属性。开发人员可能会获取这些值，并在其脚本中对其进行处理