1. 程式人生 > 實用技巧 >HTML data-, 屬性

HTML 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-* 屬性用於儲存私有頁面後應用的自定義資料。

data-* 屬性可以在所有的 HTML 元素中嵌入資料。
自定義的資料可以讓頁面擁有更好的互動體驗(不需要使用 Ajax 或去服務端查詢資料)。
data-* 屬性由以下兩部分組成:

屬性名不要包含大寫字母,在 data- 後必須至少有一個字元。
該屬性可以是任何字串

注意: 自定義屬性字首 "data-" 會被客戶端忽略。

HTML 4.01 與 HTML5之間的差異

data-* 屬性是 HTML5 新增的。

語法

<element data-*="somevalue">

屬性值

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

HTML 全域性屬性

]
  •   本文標題:HTML data-, 屬性 - Break易站轉載請保留頁面地址:https://www.breakyizhan.com/html/21173.html