HTML data-* 屬性

定義和用法

data-* 屬性用於儲存頁面或應用程式私有的自定義資料。

data-* 屬性使我們能夠在所有 HTML 元素上嵌入自定義資料屬性。

儲存（自定義）資料之後，可以在頁面的 JavaScript 中使用這些資料，以建立更具吸引力的使用者體驗（無需任何 Ajax 呼叫或伺服器端資料庫查詢）。

data-* 屬性包含兩部分

1. 屬性名稱不得包含任何大寫字母，並且在 "data-" 字首之後必須至少有一個字元。
2. 屬性值可以是任何字串

注意： 字首為 "data-" 的自定義屬性將被使用者代理完全忽略。

適用範圍

data-* 屬性是 全域性屬性，可用於任何 HTML 元素。

示例

瀏覽器支援

表格中的數字表示完全支援該屬性的第一個瀏覽器版本。