新的HTML5部分元素可能有点令人困惑。如果你一直在建造​HTML文档在HTML5之前，很可能您已经在使用元素在页面中创建结构分区，然后使用它们设置页面样式。因此，简单地用section元素替换现有的DIV元素似乎是一件很自然的事情。但这在技术上是不正确的。

“section”元素是一个语义元素

节元素是语义元素；它为用户代理和人类提供了关于所包含内容的含义，特别是文档的一部分。

这似乎是一个非常笼统的描述，因为它是。还有其他HTML5元素为您的内容提供了更多的语义区别，您应该在使用section元素之前首先使用这些元素：

• 文章
• 在一边
• 导航

何时使用“section”元素

当内容是站点的一个独立部分，可以像文章或博客文章一样独立和联合时，请使用article元素。当内容与页面内容或网站本身（如侧边栏、注释、脚注或相关网站信息）相切时，请使用aside元素。对支持站点导航的内容使用nav元素。

section元素是一个通用语义元素。当其他语义容器元素都不合适时使用它。它将文档的各个部分组合成离散的单元，您可以用某种方式将这些单元描述为相关单元。如果你不能用一两句话来描述这个部分中的元素，那么你可能不应该使用这个元素。

相反，您应该使用DIV元素。HTML5中的DIV元素是一个非语义容器元素。如果您试图组合的内容没有语义含义，但仍然需要组合它以进行样式设置，那么DIV元素就是要使用的适当元素。

“section”元素的工作原理

文档的一部分可以显示为文章和元素的外部容器。它还可以包含不属于文章或旁白的内容。节元素也可以在文章、导航或旁白中找到。您甚至可以嵌套部分，以指示一组内容是另一组内容的一部分，而另一组内容是文章或整个页面的一部分。

section元素在文档的大纲中创建项目。因此，您应该始终将标题元素（H1到H6）作为部分的一部分。如果您不能为该部分提供标题，那么DIV元素可能更合适。

如果您不想在页面上显示部分标题，可以使用css将其屏蔽。

何时不使用“section”元素

有一个用途不应使用section元素：仅用于样式。

换句话说，如果在该位置放置元素的唯一原因是附加CSS样式属性，则不应使用section元素。查找语义元素或改用DIV元素。

说到底，这可能无关紧要

编写语义HTML的一个困难是，对浏览器来说是语义的东西对您来说可能完全是胡说八道。如果您觉得可以在文档中使用section元素，那么应该使用它。大多数用户代理都不关心，无论是设置DIV样式还是分区样式，都会按照您的预期显示页面。

对于希望语义正确的设计师来说，以语义有效的方式使用section元素是很重要的。对于那些只想让页面正常工作的设计师来说，这并不重要。编写语义上有效的HTML是一种很好的做法，它可以使页面更加经得起未来的考验。但最终，这取决于你。