HTML data-* 屬性

實(shí)例

使用 data-* 屬性來(lái)嵌入自定義數(shù)據(jù)：

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

所有主流瀏覽器都支持 data-* 屬性。

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

data-* 屬性可以在所有的 HTML 元素中嵌入數(shù)據(jù)。

自定義的數(shù)據(jù)可以讓頁(yè)面擁有更好的交互體驗(yàn)（不需要使用 Ajax 或去服務(wù)端查詢(xún)數(shù)據(jù)）。

data-* 屬性由以下兩部分組成：

注意： 自定義屬性前綴 "data-" 會(huì)被客戶(hù)端忽略。

data-* 屬性是 HTML5 新增的。

<element data-*="somevalue">

值	描述
somevalue	指定屬性值 (一個(gè)字符串)

HTML 全局屬性其他擴(kuò)展

上一篇：HTML contextmenu 屬性下一篇：HTML dir 屬性