# HTML data-* 屬性 [HTML 全局屬性](/tags/html_ref_standardattributes.asp) ## 實例 使用 data-* 屬性來嵌入自定義數據： ``` <ul> <li data-animal-type="bird">Owl</li> <li data-animal-type="fish">Salmon</li> <li data-animal-type="spider">Tarantula</li> </ul> ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 data-* 屬性。 ## 定義和用法 data-* 屬性用于存儲頁面或應用程序的私有自定義數據。 data-* 屬性賦予我們在所有 HTML 元素上嵌入自定義 data 屬性的能力。 存儲的（自定義）數據能夠被頁面的 JavaScript 中利用，以創建更好的用戶體驗（不進行 Ajax 調用或服務器端數據庫查詢）。 data-* 屬性包括兩部分： * 屬性名不應該包含任何大寫字母，并且在前綴 "data-" 之后必須有至少一個字符 * 屬性值可以是任意字符串 注釋：用戶代理會完全忽略前綴為 "data-" 的自定義屬性。 ## HTML 4.01 與 HTML5 之間的差異 data-* 屬性是 HTML5 中的新屬性。 ## 語法 ``` <_element_ data-*="_somevalue_"> ``` ### 屬性值 | 值 | 描述 | | --- | --- | | _somevalue_ | 規定屬性的值（以字符串）。 | [HTML 全局屬性](/tags/html_ref_standardattributes.asp)