什么是data-*HTML属性?

Tac*_*chi 5 html javascript

我最近在其中一个网站上找到了这样的标签:

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

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

Amm*_*CSE 5

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

基本上,有标准的HTML属性,如style, src, width, height, class...,这些属性对浏览器具有特殊意义,并且是"保留"的.

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

data-在属性名称之前使用可确保将来的标准属性不会使用当前属性.例如,想象一下今天你正在使用一个sound属性.如果你使用过data-sound,你会很好,因为规范说未来的浏览器不会使用它.相反,data-它们之前不会包含未来的标准浏览器属性.

有关我们使用data-*属性的原因的一些有用信息,请参阅jquery获取带连字符和Case Sensitivity的HTML 5数据属性.

另外,请参阅MDN文档以获取一些有用的信息.