html5新增的布局类标签
HTML5新增很多新的标签，其中包含下述这类布局类标签：
这个图介绍了用h5新增的布局类标签搭建的一个非常直观且常用的结构(单纯知识点整理分享，借用一下网上找的图，若有侵权请联系我删除)
我就按照图片架构的内容，大概编写了以下html代码(附上注释)：
<!-- 头部，一般放logo、搜索框 -->
<header></header>
<!-- 导航栏 -->
<nav></nav>
<!-- 页面中的一块内容 -->
<section>
<!-- 侧边栏 -->
<aside></aside>
<!-- 文章 -->
<article>
<!-- 文章标题，h1-h6 -->
<h1></h1>
<!-- 段落 -->
<p></p>
<!-- 标签定义对话框或窗口，open=true可以使其展示 -->
<dialog open></dialog>
</article>
</section>
<!-- 页尾，一般放落款、版权 -->
<footer></footer>
用h5新增的布局类标签布局与div配合class的区别
找了些网上资料，简单的总结了几点，
1、语义化标签的出现，提升了网页的质量和语义，并且减少了很多用于css调用的class和id属性；
2、搜索引擎透过语义化标签可以更好的搜索；
以我个人使用后的感觉来讲，确实可以节省很多时间去想class的取名，并且在复读代码的时候每一块内容都变得更加的明了。当然，即使如此最熟悉的div+class名的方式也依然还是很香的啦:)
