javascript - 什么是 data-* HTML 属性？

Question

我最近在其中一个网站上发现这样的开始标签:

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

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

Answer 1

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

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

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

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

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

另请参阅 MDN docs获取一些有用的信息。