什麼是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屬性。如果你使用了data-sound，你會沒事的，因爲規範說它將不會被未來的瀏覽器使用。相反，沒有未來的標準瀏覽器屬性在它們之前將包含data-。

請參閱jquery get HTML 5 Data Attributes with hyphens and Case Sensitivity瞭解我們爲什麼使用data- *屬性的一些有用信息。

此外，請參閱MDN docs瞭解一些有用的信息。