什么是 data-* HTML 属性？

Question

我最近在一个网站上发现了这样的打开标签：

<script data-ip="93.1xx.3.2x" data-backuri="something.com">

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

Answer 1

data-*属性是自定义 HTML 属性。

基本上，有一些标准的 HTML 属性，如style 、 src 、 width 、 height 、 class ...，这些属性对浏览器具有特殊含义并且是“保留的”。

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

在属性名称之前使用data-可确保未来的标准属性不会使用您当前的属性。 例如，假设今天您正在使用sound属性，但 HTML 标准添加了sound属性，其含义与您的意思不同。 如果你使用data-sound ，你会没事的，因为不会有冲突。 规范说，未来的标准浏览器属性都不会以data-开头。

有关我们为什么使用data-*属性的一些有用信息，请参阅jquery get HTML 5 Data Attributes with hyphens 和 Case Sensitivity 。

此外，请参阅MDN 文档以获取一些有用的信息。