html5 自定義屬性需要以data開始嗎

所謂data-*實際上上就是data-前綴加上自定義的屬性名，使用這樣的結構可以進行數(shù)據(jù)存放。使用data-*可以解決自定義屬性混亂無管理的現(xiàn)狀。確切的說data-*并不是自定義屬性，而是解決自定義屬性的一種方案。因為大部分自定義屬性都是為了在標簽上存儲數(shù)據(jù)。

成都創(chuàng)新互聯(lián)電話聯(lián)系：18982081108，為您提供成都網(wǎng)站建設網(wǎng)頁設計及定制高端網(wǎng)站建設服務，成都創(chuàng)新互聯(lián)網(wǎng)頁制作領域10多年，包括成都PE包裝袋等多個方面擁有多年的網(wǎng)站營銷經(jīng)驗，選擇成都創(chuàng)新互聯(lián)，為網(wǎng)站錦上添花。

data-*里存儲的內(nèi)容可以使用JavaScript語言直接讀取。相比不用data-*自定義屬性更容易讀取和存儲。

data-*可以大大提高工作效率，例如ajax請求后獲得的一列數(shù)據(jù)需要放在li標簽里，那么我們在循環(huán)生產(chǎn)li標簽的同時，可以依次設置data-*屬性，這樣，我們在寫JavaScript語言來操作li標簽的時候，可以直接讀取自定義的屬性來獲取li標簽對應的數(shù)據(jù)對象。

data-*自定義屬性可以使用jQuery庫來解決兼容問題。

怎樣使用HTML5中的Data屬性

你的問題可以這么解決，html5_input_typedate.html 文件代碼如下： html5_input_typedate type="date"只在支持它的瀏覽器有效，所以在不支持的瀏覽器(如IE6)中，會把所有不支持類型的type默認為type="text"

怎樣獲取html5的data

1、瀏覽器必須能夠支持 querySelector/querySelectorAll 方法

2、只能從獲取元素的方法提供 dataset。比如事件處理器中參數(shù) e 的 e.tartget. dataset 則是空對象。

3、單個的 querySelector() 是經(jīng)過 querySelectorAll()，當中遍歷數(shù)組可以獲取html的data值。

html5為什么前面加data

HTML5規(guī)范里增加了一個自定義data屬性.

這個自定義data屬性的用法非常的簡單, 就是你可以往HTML標簽上添加任意以 "data-"開頭的屬性, 這些屬性頁面上是不顯示的,它不會影響到你的頁面布局和風格,但它卻是可讀可寫的.

使用data-*可以解決自定義屬性混亂無管理的現(xiàn)狀。

HTML5中data-*自定義屬性作用

data-*是HTML5新增的一個自定義數(shù)據(jù)屬性功能，作為可以暫存數(shù)據(jù)使用。利用dataset可以獲取data-屬性構造的對象，該方法目前只能在Chrome 、Opera等部分瀏覽器中實現(xiàn)，其他瀏覽器如需獲取其屬性值需要使用getAttribute和setAttribute來操作。

（1）通過dataset方法獲取

注意：data-之后以連字符分割的多個單詞組成的屬性，獲取時候需要使用駝峰風格。如例子中的font-size需要改成fontSize。

如果你想刪掉一個data-屬性:

（2）、使用getAttribute方法獲取

2、、data-*屬性選擇器用法

可以根據(jù)自定義的data-屬性選擇相關的元素。例如使用querySelectAll選擇元素，例如

同樣的我們也可以通過 data- 屬性值對應的元素設置CSS樣式，如下

部分內(nèi)容參考如下出處：

HTML5里的data-*是用來做什么的？

那個其實不屬于正規(guī)的HTML屬性，是jquery這個庫專門用來尋址的一種自定屬性，其他庫也有類似的這種；利用它的目的是庫自定義的屬性，所以可以在庫中更方便的區(qū)分其他HTML自帶的屬性，用獲得的值來做的事情很多，比如data-target=id2，可以取得id2這個相關聯(lián)的DOM元素