什么是 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 文檔以獲取一些有用的信息。