在本文中,我将向你介绍如何使用HTML5自定义数据属性。我还将向你介绍一些开发人员在工作中经常使用的优秀实例。
为什么需要自定义数据属性?
很多时候我们需要存储一些与不同DOM元素相关联的信息。这些信息对于读者来说可能是不需要的,但是可以轻松的访问这些信息将会给我们开发者的工作带来极大的便利。
例如,假设你有一份某个餐饮类网站上所有餐馆的名单。在HTML5之前,如果你想存储餐馆提供的食物种类或餐馆与用户之间的距离等信息,那么你将使用HTML的class属性。但是如果你还需要存储餐馆的id以便查看用户想要访问的特定餐厅该怎么办?
以下是基于HTMLclass属性的方法存在的一些问题:
HTML
class属性不是用来存储这样的数据的,其主要目的是允许开发人员给一组元素添加样式信息。我们需要为每个追加的信息向元素中添加一个新
网友评论

