标签：演示 进度条 标签 语义 meter H5 details progress

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。