data-* 屬性用于存儲頁面或應(yīng)用程序的私有自定義數(shù)據(jù)。

data-* 屬性賦予我們在所有 HTML 元素上嵌入自定義 data 屬性的能力。

存儲的（自定義）數(shù)據(jù)能夠被頁面的 JavaScript 中利用，以創(chuàng)建更好的用戶體驗(yàn)（不進(jìn)行 Ajax 調(diào)用或服務(wù)器端數(shù)據(jù)庫查詢）。

data-* 屬性包括兩部分：

屬性名不應(yīng)該包含任何大寫字母，并且在前綴 "data-" 之后必須有至少一個(gè)字符

屬性值可以是任意字符串。

舉個(gè)例子，定義不同的動(dòng)物

<ul>
<li?data-animal-type="bird">Owl</li>
<li?data-animal-type="fish">Salmon</li>?
<li?data-animal-type="spider">Tarantula</li>?
</ul>