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