在本文中，我將向你介紹如何使用HTML5自定義數(shù)據(jù)屬性。我還將向你介紹一些開發(fā)人員在工作中經(jīng)常使用的優(yōu)秀實(shí)例。
為什么需要自定義數(shù)據(jù)屬性？
很多時(shí)候我們需要存儲(chǔ)一些與不同DOM元素相關(guān)聯(lián)的信息。這些信息對(duì)于讀者來說可能是不需要的，但是可以輕松的訪問這些信息將會(huì)給我們開發(fā)者的工作帶來極大的便利。
例如，假設(shè)你有一份某個(gè)餐飲類網(wǎng)站上所有餐館的名單。在HTML5之前，如果你想存儲(chǔ)餐館提供的食物種類或餐館與用戶之間的距離等信息，那么你將使用HTML的class屬性。但是如果你還需要存儲(chǔ)餐館的id以便查看用戶想要訪問的特定餐廳該怎么辦？
以下是基于HTMLclass屬性的方法存在的一些問題：
HTML
class屬性不是用來存儲(chǔ)這樣的數(shù)據(jù)的，其主要目的是允許開發(fā)人員給一組元素添加樣式信息。我們需要為每個(gè)追加的信息向元素中添加一個(gè)新
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式