HTML5 新增结构标签（元素）

本着学习并记录的态度，把看过的记录记录，为自己回顾用，和新人踩坑用。
注意：h5新标签用兼容性问题，不过现代浏览器基本可以不用考虑这个兼容性了。
一、HTML5 新增主结构标签（元素）

1. article 元素
article 代表文档，页面或程序中相对独立、完整的部分，通常用article 包裹。例如文章一样，里头依然可以包括header 、section 等元素。

    <article>
        <header>头部</header>
        <!--<p>这是article
            这样的嵌套是不允许的      
            <article>
            </article>
        </p>-->
        <!--注意在p元素中不能再嵌套article元素，浏览器在解析的时候会将article元素给提出来-->
        <!--也可以嵌套article-->
        <article>
            <header>头部</header>
            <section>内容区块</section>
            <footer>底部</footer>