section

section元素用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容及其标题组成，但section元素并非一个普通的容器元素；当一个内容需要被直接定义样式或通过脚本定义时，推荐使用div而非section，section元素中的内容可以单独存储到数据库中或输出到Word文档中。

<section>

       <h1>写代码的平面师</h1>

       <p>我是一名web前端设计师</p

</section>



article

article元素代表文档、页面或应用程序中独立的、完整的、可以独立被外部引用的内容，它可以是一篇博客，或报刊中的文章，一篇论坛中的帖子，一段评论或独立的插件，或其他任何独立的内容，除了内容部分，一个arctic元素通常有它自己的标题（一般放在一个i额header元素里面）有时还有自己的脚注。

<article>

      <header>

                <h1></h1>

                <p></p>

       </header>

       <div>

       </div>

       <footer></footer>



aside

通常用来描述跟内容相关，但是又可以独立的内容，比如以腾讯新闻页面为例，主要内容为新闻的主要详细部分，右侧的则为aside，显示为新闻列表相关的最新新闻。



section和article的区别

（1）不要将section元素用作设置样式的页面容器，那是div元素的工作。

（2）如果article元素，aside元素或nav元素更符合条件，不要使用section元素。

（3）不要为没有标题的内容区块使用section元素。

<section>

              <div class="box"></div>

</section>