什么是 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-开头。

请参阅jquery get HTML 5 Data Attributes with hyphens and Case Sensitivity，了解我们为何使用data-* 属性的一些有用信息。

另外，请参阅MDN docs 了解一些有用信息。