其他分享
首页 > 其他分享> > H5 部分新语义化标签

H5 部分新语义化标签

作者:互联网

1、header    页眉

2、footer   页脚

3、main    主体

4、hgroup   标题组合

5、nav    导航

 

注:以上标签结构中只能出现一次

 

6、article    独立的内容

7、aside    辅助信息的内容

8、section    区域

9、figure    描述图像或视频

10、figcaption   描述图像或视频的标题部分

 

11、datalist    选项列表

演示:

 

12、details  /  summary    文档细节  /  文档标题

   两者搭配使用,可以在左侧生成箭头,能够显示或隐藏(默认隐藏)

details 标签里面添加 open 改为默认显示

演示:

 

 

 

13、progress   /   meter    定义进度条  /  定义度量范围

progress 生成一个进度条

meter 生成一个进度条,可以给最大最小值,超出或低于最大最小值进度条颜色会发生变化

 

    两者的区别:样式不同,progress 表示进度,metes 表示度量

 

演示:

 

 

 

 14、time    定义日期或时间

给一些日期或时间用 time 包起来,样式无变化,更加具备语义化

15、mark    带有记号的文本

标记一下,给用户一个提醒

演示:

 

 

标签:演示,进度条,标签,语义,meter,H5,details,progress
来源: https://www.cnblogs.com/moodblog/p/14221866.html