什么是data-* HTML属性

what are data-* HTML attributes?

本文关键字：HTML 属性 data- 什么更新时间：2023-09-26

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

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

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

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

基本上，有标准的HTML属性，如style, src, width, height, class…这些对于浏览器来说有特殊的意义，它们是"保留的"。

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

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

参见jquery get HTML 5 Data Attributes with -连字符和大小写敏感的一些有用的信息，为什么我们使用data-*属性。

也可以参考MDN文档获取一些有用的信息。