html5有哪些數據屬性
作者：佚名 時間：2014-06-04 分享到：
html5擴展元素含義還可以通過另一種方式;使用數據屬性,這些都是用戶定義的屬性,這些屬性的值能提供元素的相關信息,而無需給予機器或人類任何額外的語義.接下來,讓我閃看看更詳細的解釋.
假設我們想輸出一組數據,其中每一項都有兩個值,名稱和編號;我們想將名稱顯示在文檔中,還想讓編號可以用于腳本運行中,從目前情況來看,沒有相關的屬性可以用來存儲這個信息;我們可能不得不使用這樣一個類:
<p class="id-123">peter</p>
創建數據屬性的目的,就是為了將數據相關聯,數據屬性能像類一樣,讓你存儲這些額外的信息,而不暗含任何額外的意思,每個數據屬性開始使用文字數據,然后使用用戶定義的唯一鍵,在我們的救命中,可以使用這個:
<p data-id="123">peter</p>
現在,數據屬性id與peter的值關聯,雖然這個屬性沒有給元素額外的語義,但是可以主其他進程提供上下文,有關此數據的信息或放和json文件相關聯,可以使用javascript來查詢,
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n3338.html
