以及何时使用ARTICLE，ASIDE和DIV
新的HTML5 SECTION元素可能会让人有些困惑。 如果您在HTML5之前构建HTML 文档 ，那么您很可能已经在使用该元素在页面中创建结构化分区，然后使用它们对页面进行样式设置。 因此，用SECTION元素简单替换现有的DIV元素看起来很自然。 但这在技术上是不正确的。 所以如果你不仅仅用SECTION元素替换DIV元素，你如何正确使用它们？
SECTION元素是一个语义元素
首先要理解的是SECTION元素是一个语义元素。 这意味着它为用户代理和人类提供了附加内容的含义 - 特别是文档的一部分。
这可能看起来像一个非常普遍的语义描述，那是因为它。 还有其他HTML5元素可以为您的内容提供更多的语义区分，您在使用SECTION元素之前应首先使用这些元素：
- 文章
- 在旁边
- NAV
何时使用SECTION元素
当内容是网站的独立部分时，可以使用ARTICLE元素，该部分可以独立存在，并可像文章或博客文章一样进行联合。 当内容与页面内容或网站本身相切时（例如侧边栏，注释，脚注或相关网站信息）切线相关时，请使用ASIDE元素。 对导航内容使用NAV元素。
SECTION元素是一个通用的语义元素。 当其他语义容器元素都不合适时使用它。 您可以使用它将文档的各个部分组合成不同的单元，您可以用某种方式将它们描述为相关单元。 如果无法用一个或两个句子描述该部分中的元素，则可能不应使用该元素。
相反，你应该使用DIV元素。 HTML5中的DIV元素是一个非语义容器元素。 如果您尝试合并的内容没有语义含义，但仍需要将其合并为样式，则DIV元素是适合使用的元素。
SECTION元素如何工作
文档的一部分可以显示为文章和ASIDE元素的外部容器。 它也可以包含不属于ARTICLE或ASIDE的内容。 SECTION元素也可以在ARTICLE，NAV或ASIDE中找到。 您甚至可以嵌套各个部分，以指示一组内容是另一组内容的一部分，它是文章的一部分或作为整体的页面。
SECTION元素在文档的轮廓内创建项目。 因此，您应该始终有一个标题元素（H1到H6）作为该部分的一部分。 如果你不能为该部分提供标题，那么DIV元素可能更合适。 请记住，如果您不希望部分标题出现在页面上，您可以随时使用CSS进行屏蔽。
何时不使用SECTION元素
除了以上建议首先使用更具体的语义元素外，还有一个确定的区域不应该使用SECTION元素：仅用于样式。
换句话说，如果将元素放在该位置的唯一原因是附加CSS样式属性，则不应使用SECTION元素。 查找语义元素或使用DIV元素。
最终它可能不重要
编写语义HTML的困难在于，对我而言，语义对你来说可能完全是无稽之谈。 如果您觉得您可以在文档中使用SECTION元素，那么您应该使用它。 大多数用户代理不关心，并会按照您预期的方式显示页面，无论您是设计DIV还是SECTION。
对于喜欢语义上正确的设计师来说，使用语义上有效的SECTION元素非常重要。 对于只希望他们的页面能够工作的设计师来说，这并不重要。 我相信编写语义有效的HTML是一种很好的做法，可以让页面更加面向未来。 但最终取决于你。