較舊的瀏覽器支援
所有現代瀏覽器都支援 HTML5 中的資料屬性,但 HTML5 之前的舊瀏覽器無法識別資料屬性。
但是,在 HTML 規範中,瀏覽器無法識別的屬性必須保持不變,瀏覽器在呈現頁面時將忽略它們。
Web 開發人員利用這一事實來建立非標準屬性,這些屬性是不屬於 HTML 規範的任何屬性。例如,下面的行中的 value
屬性被視為非標準屬性,因為 <img>
標記的規範沒有 value
屬性,並且它不是全域性屬性:
<img src="sample.jpg" value="test" />
這意味著雖然舊版瀏覽器不支援資料屬性,但它們仍然有效,你可以使用相同的通用 JavaScript setAttribute
和 getAttribute
方法設定和檢索它們,但不能使用僅在現代瀏覽器中支援的新 dataset
屬性。