在本文中，我將向你介紹如何使用HTML5自定義數(shù)據(jù)屬性。我還將向你介紹一些開(kāi)發(fā)人員在工作中經(jīng)常使用的優(yōu)秀實(shí)例。

為什么需要自定義數(shù)據(jù)屬性？

很多時(shí)候我們需要存儲(chǔ)一些與不同DOM元素相關(guān)聯(lián)的信息。這些信息對(duì)于讀者來(lái)說(shuō)可能是不需要的，但是可以輕松的訪問(wèn)這些信息將會(huì)給我們開(kāi)發(fā)者的工作帶來(lái)極大的便利。

例如，假設(shè)你有一份某個(gè)餐飲類(lèi)網(wǎng)站上所有餐館的名單。在HTML5之前，如果你想存儲(chǔ)餐館提供的食物種類(lèi)或餐館與用戶之間的距離等信息，那么你將使用HTML的class屬性。但是如果你還需要存儲(chǔ)餐館的id以便查看用戶想要訪問(wèn)的特定餐廳該怎么辦？

以下是基于HTMLclass屬性的方法存在的一些問(wèn)題：

  1. HTMLclass屬性不是用來(lái)存儲(chǔ)這樣的數(shù)據(jù)的，其主要目的是允許開(kāi)發(fā)人員給一組元素添加樣式信息。

  2. 我們需要為每個(gè)追加的信息向元素中添加一個(gè)新

    網(wǎng)友評(píng)論