HTML5 里 section article 什么区别

HTML5中新增了<header>、<footer>、<nav>、<section>、<article>、<aside>、<figure>多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能，很容易混淆。

1、section（章节）

简单地说section就是带有语义的div，比如：

<div class="section"></div>相当于<section id=""></section>。

section表示一段专题性的内容，一般会带有标题。当一个标签只是为了样式化或者方便脚本使用时，应该使用div。一般来说，当元素内容明确地出现在文档大纲、文章章节、博客条目、用户评论部分或者论文中有编号的部分时，section就是适用的。

2、article（文章）

article是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块。

article代表的内容可以被外部引用。例如：博客中的一篇文章，论坛中的一个帖子或者一段浏览者的评论等。如果元素的内容集中到一起显示可以表达相对独立完整的意思，那就可以定义成article。

3、nav 和 aside的使用也是如此，这两个标签也是特殊的 section，在使用 nav 和 aside 更合适的情况下，也不要使用 section 了。

在HTML5中，article元素可以看成是一种特殊类型的section元素，它比section元素更强调独立性。即section元素强调分段或分块，而article强调独立性。具体来说，如果一块内容相对来说比较独立的、完整的时候，应该使用article元素，但是如果你想将一块内容分成几段的时候，应该使用section元素。另外，在HTML5中，div元素变成了一种容器，当使用CSS样式的时候，可以对这个容器进行一个总体的CSS样式的套用。

---