HTML5之结构标签
2018-01-30 22:39
211 查看
在h5中可以通过结构标签将界面划分为不同的区域
1、<div></div>:功能容器,将功能相同的标签放到里面
①、
②
section标签不仅仅是一个标签容器,它带有明显的语义。section标签最好带有一个标题标签,就是h1到h6的标签,从而表达更加清晰的语义
③
article标签是一种特殊的section标签,它比section标签更具有明确的语义,也就是说无论从结构上来讲,还是从内容上来讲,article标签代表一个独立的、完整的内容块儿。比如说一篇文章、论坛里的一篇帖子等等都可以被叫做article。
④
运行结果:
2、<article></article>标签和<section></section>标签
运行结果:
3、
1、<div></div>:功能容器,将功能相同的标签放到里面
①、
②
section标签不仅仅是一个标签容器,它带有明显的语义。section标签最好带有一个标题标签,就是h1到h6的标签,从而表达更加清晰的语义
③
article标签是一种特殊的section标签,它比section标签更具有明确的语义,也就是说无论从结构上来讲,还是从内容上来讲,article标签代表一个独立的、完整的内容块儿。比如说一篇文章、论坛里的一篇帖子等等都可以被叫做article。
④
运行结果:
2、<article></article>标签和<section></section>标签
运行结果:
3、
相关文章推荐
- HTML5--新增结构标签
- HTML5新增结构标签
- HTML5 结构之美(1) - 新增的主体结构标签
- html5的结构标签有利于seo
- HTML5(八)结构标签、列格式化标签、合并表格
- HTML5的新结构标签
- Html5 学习系列(二)HTML5新增结构标签
- html5标签 页面结构和表单
- HTML5 新增结构标签(元素)
- HTML5新标签学习总结(网页结构)下
- HTML5之文档结构标签
- Html5 学习:HTML5新增结构标签
- HTML5-新增语义化结构标签
- HTML5基础知识汇总_(1)标签结构上的整改
- HTML5的新结构标签
- HTML5基础知识汇总_(1)标签结构上的整改
- html中DIV+CSS与TABLE布局方式的区别及HTML5新加入的结构标签(转)
- HTML5基本网页结构以及标签的改变
- HTML5学习笔记-新的结构标签
- 【HTML5 未完】HTML5之元素与标签结构--慕课网【学习总结】