?
This document uses PHP Chinese website manual Release
data-*全局屬性構(gòu)成一類稱為自定義數(shù)據(jù)屬性的屬性，允許通過腳本在HTML和其DOM表示之間交換專有信息。所有這些自定義數(shù)據(jù)都可以通過屬性設(shè)置的元素的HTMLElement 接口來訪問。 HTMLElement.dataset 屬性可以訪問它們。
*可以使用遵循xml名稱生產(chǎn)規(guī)則的任何名稱來被替換，并具有以下限制：
該名稱不能以
xml開頭，無論這些字母用于什么情況;
該名稱不能包含任何分號 (
U+003A)；
該名稱不能包含A至Z的大寫字母。
注意，HTMLElement.dataset屬性是一個StringMap，并且自定義數(shù)據(jù)屬性data-test-value可以通過HTMLElement.dataset.testValue( 或者是HTMLElement.dataset["testValue"] ) 來訪問，任何破折號(U+002D) 都會被下個字母的大寫替代(駝峰拼寫)。
示例
通過添加data-*屬性，即使是普通的 HTML 元素也能變成相當復(fù)雜且強大的編程對象。例如，在游戲里的太空船 "sprite"可以是一個帶有class屬性和幾個data-*屬性的簡單<img>元素：
<img class="spaceship cruiserX3" src="shipX3.png" data-ship-id="324" data-weapons="laserI laserII" data-shields="72%" data-x="414354" data-y="85160" data-z="31940" onclick="spaceships[this.dataset.shipId].blasted()"></img>
規(guī)范
規(guī)范 | 狀態(tài) | 評論 |
|---|---|---|
HTML Living Standard該規(guī)范中'data- *'的定義。 | 生活水平 | 最新的快照，HTML 5.1沒有變化 |
HTML 5.1該規(guī)范中'data- *'的定義。 | 建議 | HTML Living Standard的快照，HTML5沒有改變 |
HTML5該規(guī)范中'data- *'的定義。 | 建議 | HTML Living Standard的快照，最初的定義。 |
瀏覽器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support | (Yes) | 6 (6) | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | (Yes) | 6.0 (6) | (Yes) | (Yes) | (Yes) | (Yes) |