html5语义化标签
在html5没出来之前，一直用html的div+css进行布局，通篇div+span，确实不优雅。html5新增了很多语义化的标签，帮助我们写出更优雅的html结构。
1.<article>
可以是页面任何独立的内容区域，比如文章/博客/新闻/故事/论坛帖子/评论等等任何独立的内容。
<article>
<header>
<h1>文章标题</h1>
<p>发布时间：<time pubdate='2019-05-06'>2019-05-06</time></p>
<p>作者：xxx</p>
</header>
<p>文章内容.........</p>
<p>文章内容.........</p>
</article>2.<section>
定义文档中的节、区段，比如章节、页眉或文章中的其他部分。比如我们对一篇文章进行分章节。
<article>
<header>
<h1>文章标题</h1>
<p>发布时间：<time pubdate='2019-05-06'>2019-05-06</time></p>
<p>作者：xxx</p>
</header>
<section>
<h2>章节一的标题</h2>
<p>文章内容.........</p>
</section>
<section>
<h2>章节二的标题</h2>
<p>文章内容.........</p>
</section>
</article><section>应包含一组内容及其标题。如果内容没有标题，不推荐使用<section>。
3.<nav>
定义页面的导航区域。
<nav>
<a href='/a'>页面a</a>
<a href='/b'>页面b</a>
<a href='/c'>页面c</a>
</nav>4.<aside>
定义页面主区域内容之外的内容（比如侧边栏）
5.<header>
描述文档头部区域，用于定义内容的介绍展示，可以使用多个<header>。
6.<footer>
描述文档底部区域，通常包含文档作者，著作权，使用条款，联系信息等，可以使用多个<footer>，文档的大致结构可以分为
下面是更细致的语义化标签，也是更容易被忽略的标签。
7.<figure>和<figcaption>
<figure>定义独立的流内容（图像、图表、照片、代码等等）。<figcaption>定义<figure>的标题，通常置于figure元素的第一个或最后一个子元素
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！