使用HTML5创建自定义属性

HTML 5中引入的一项新功能是添加了自定义数据属性。

自定义数据属性以数据开头-会根据您的要求进行命名。

<div class = "example" data-sports = "cricket" data-level = "complex">
   ...
</div>

上面的代码将是完全有效的HTML5，具有两个名为data-subject和data-level的自定义属性。您可以使用JavaScript API或CSS来获取这些属性的值，就像获取标准属性一样。