HTML data-* 屬性
示例
使用 data-* 屬性嵌入自定義資料
<ul>
<li data-animal-type="bird">貓頭鷹</li>
<li data-animal-type="fish">鮭魚</li>
<li data-animal-type="spider">捕鳥蛛</li>
</ul>
自己動手試一試 »
定義和用法
<code class="w3-codespan">data-*</code> 屬性用於儲存頁面或應用程式私有的自定義資料。
<code class="w3-codespan">data-*</code> 屬性使我們能夠將自定義資料屬性嵌入到所有 HTML 元素中。
儲存的（自定義）資料可以用於頁面的 JavaScript，以建立更具吸引力的使用者體驗（無需任何 Ajax 呼叫或伺服器端資料庫查詢）。
<code class="w3-codespan">data-*</code> 屬性包含兩部分
- 屬性名不應包含任何大寫字母，並且在 "data-" 字首後至少要有一個字元。
- 屬性值可以是任何字串。
注意： 以 "data-" 作為字首的自定義屬性將被使用者代理完全忽略。
瀏覽器支援
表格中的數字表示完全支援該屬性的第一個瀏覽器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
語法
<element data-*="somevalue">
屬性值
| 值 | 描述 |
|---|---|
| somevalue | 指定屬性的值（作為字串） |
相關頁面
HTML 教程：HTML 屬性
HTML DOM 參考：HTML DOM getAttribute() 方法
