HTML5扩展元素含义还可以通过另一种方式;使用数据属性,这些都是用户定义的属性,这些属性的值能提供元素的相关信息,而无需给予机器或人类任何额外的语义.接下来,让我闪看看更详细的解释.
  假设我们想输出一组数据,其中每一项都有两个值,名称和编号;我们想将名称显示在文档中,还想让编号可以用于脚本运行中,从目前情况来看,没有相关的属性可以用来存储这个信息;我们可能不得不使用这样一个类:
  <p class="id-123">peter</p>
  创建数据属性的目的,就是为了将数据相关联,数据属性能像类一样,让你存储这些额外的信息,而不暗含任何额外的意思,每个数据属性开始使用文字数据,然后使用用户定义的唯一键,在我们的救命中,可以使用这个:
  <p data-id="123">peter</p>
  现在,数据属性id与peter的值关联,虽然这个属性没有给元素额外的语义,但是可以主其他进程提供上下文,有关此数据的信息或放和JSON文件相关联,可以使用Javascript来查询,