使用 HTML5 创建自定义特性

HTML 5 引入的一项新特性就是添加自定义数据特性。

自定义数据特性以 data- 开头，可根据自己的需要进行命名。

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

上述将构成完全有效的 HTML5，并带有两个自定义特性，即 data-subject 和 data-level。可以使用 JavaScript API 或 CSS 以类似于获取标准特性的方式获取这些特性的值。

karthikeya Boyini

更新时间：2020 年 1 月 29 日

312 次浏览

开启你的 职业生涯

完成课程以获得认证

开始