在据说程序员分水岭的年纪跃入这座大门，从此记录自己的每一点进步-H5的语义化标签，面试遭遇过的问题...

HTML进化到5，增加了很多有用的东西，当然也删掉了许多千八百年没用过的例如<center><big>标签之类的。

关于H5中添加的一系列好用东西，以后再逐渐补全，这里主要记录之前面试中遇到的一个问题，H5中的语义化标签。

我作为前端新人，跨行业挑战人生难度，比装修刷的大白还白的前端白目，最开始写HTML，最经常出现的就是通篇的div，现在在H5中出现了许多丰富的语义化标签，有必要深入了解学习一下使用规范和场景。

<article>	中间的内容是独立的，有自身意义，与网站中其他内容或者上下文联系不大，可以单独阅读浏览的内容部分。
<aside>	例如上一段<p>标签中的一段文字，其中有几个专业名词或关键字，可以在<p>标签之外用<aside>标签来定义说明关键词，定义其所处内容之外的内容，且定义的内容应该与附近的内容相关。
<details>	该标签中定义的内容可以在显示与折叠隐藏之间任意切换。
<summary>	该标签一般与<details>标签合用，该标签的内容一般作为<details>标签的标签名称，或者说是折叠与显示的选项开关名称。
<header>	见名知意，该元素为文档或节规定页眉。<header> 元素应该被用作介绍性内容的容器。一个文档中可以有多个 <header> 元素。
<main>	该标签内一般规定文档的主要内容。
<footer>	该元素为文档或节规定页脚。<footer> 元素应该提供有关其包含元素的信息。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
<figure>	该标签内一般规定独立的流内容如图像、图表、照片、代码段等。该元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。
<figcaption>	该标签经常与<figure>一同使用，一般情况下都是用该标签为<figure>标签中的内容添加标题或者说明。
<mark>	会以给标签内文本添加背景色的方式突出显示文本
<nav>	该标签定义导航链接的部分。并不是所有的 HTML 文档都要使用<nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求。
<section>	section本身的含义就是节点，区段。该标签定义文档中的节，比如章节、页眉、页脚或文档中的其他部分。可以视作是比div级别更小的标签。
<time>	非常明显的标签含义，该标签用来定义时间。