HTML data-, 屬性
阿新 • • 發佈:2020-07-05
[
data-* 屬性可以在所有的 HTML 元素中嵌入資料。
自定義的資料可以讓頁面擁有更好的互動體驗(不需要使用 Ajax 或去服務端查詢資料)。
data-* 屬性由以下兩部分組成:
]
HTML data-* 屬性
HTML 全域性屬性
例項
使用 data-* 屬性來嵌入自定義資料:
<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-* 屬性用於儲存私有頁面後應用的自定義資料。
自定義的資料可以讓頁面擁有更好的互動體驗(不需要使用 Ajax 或去服務端查詢資料)。
data-* 屬性由以下兩部分組成:
屬性名不要包含大寫字母,在 data- 後必須至少有一個字元。
該屬性可以是任何字串
注意: 自定義屬性字首 "data-" 會被客戶端忽略。
HTML 4.01 與 HTML5之間的差異
data-* 屬性是 HTML5 新增的。
語法
<element data-*="somevalue">
屬性值
值 | 描述 |
---|---|
somevalue | 指定屬性值 (一個字串) |
HTML 全域性屬性