HTML5容器元素概览

随着HTML5的快速发展，现在HTML的应用不仅讲究布局的美观性与合法性，还越来越注重编码的语义性，传统页面中满是div元素的编码风格正逐渐被淘汰，取而代之的是更具语义性与自身行为的元素。

1. main

必须应用于文档或程序最主要内容或功能，一般来说每个页面只有一个main元素。

<main class="container">
   <!-- 可嵌入子元素 -->
</main>

2. article

它代表一个独立的、完整的相关内容块，具有强语义性，并能自我嵌套，例如博客文章中包含的评论。

<article>
    <!-- 标题区 -->
    <header>
    </header>
    <!-- 内容区 -->
    <p>
    </p>
    <!-- 脚注区 -->
    <footer>
    </footer>
    <!-- 评论区 -->
    <article class="comments">