HTML5带出一系列新元素，应用广泛。但是，有一些元素在使用时很容易混淆，包括以下两个新元素：小节和文章。最常被问到的问题是：在什么情况下应该使用这些元素？以及应该如何正确使用这些元素。

一、section元素

字面意思就是块和零件。与文章元素相比，可以使用每个块，例如页面上的导航菜单、文章的文本和文章的注释。

1.section元素用于阻止网站或应用程序中页面上的内容，section元素的功能是阻止页面上的内容或对文章进行分段。

2.节元素通常由内容及其标题组成。通常，不建议对没有标题的内容使用section元素。

3.section元素不是普通的容器元素；当一个内容需要直接样式化或者其行为由脚本定义时，建议使用div而不是section元素。

4.如果文章、nav和side元素都满足一定条件，那么就不要用section元素来定义它们；

5.节元素中的内容可以存储在数据库中，也可以单独输出到word文档中。

二、article元素

文章元素表示文档、页面或应用程序中独立、完整和外部引用的内容。它可以是博客或报纸上的文章、论坛帖子、用户评论或独立插件，或者任何其他独立内容。除了内容部分，文章元素通常有自己的标题(通常在标题元素中)，有时还有自己的脚注。

注意：文章元素可以嵌套，原则上内层的内容需要和外层的内容关联。比如在一篇博文中，对文章的评论可以使用嵌套的文章元素；用于呈现注释的文章元素包含在代表整个内容的文章元素中。

嵌套代码如下：

文章

页眉

h1文章元素用法/h1

发布日期：时间发布日期='发布日期' 2017年2月9日/时间/p

/header

p这个标签显示了整篇文章的主要内容，文章的评论在下面的section元素中/p

部分

h2注释/h2

文章

页眉

H3由Galin/h3出版

P1小时前/p

/header

p这篇文章很好，顶一下！/p

/article

文章

页眉

H3出版社：蒋木木/h3

P1小时前/p

/header

p这篇文章非常好，它非常详细地解释了这篇文章/p

/article

/section

/article