使用section元素进行样式布局和包装

Question

我经常使用div来进行风格布局（没有内容的标记部分，专门关注设计）和网站上的包装。话虽如此，为什么部分不能用于此任务？

一个部分本身是否具有固有的语义含义，不鼓励将其用于包装器？

我使用的几乎每个页面都有某种包装或风格布局。我想知道，如果段可以用于包装器并且在语义上仍然正确，那么想要逐步淘汰div。

Answer 1

是的，section元素具有“固有的语义含义”。请参阅HTML5规范中的定义：

• div element：

    

  div元素根本没有特殊含义。

• section element：

    

  section元素表示文档或应用程序的通用部分。在此上下文中，一个部分是内容的主题分组，通常带有标题。

要了解此含义的含义，请参阅问题my answer上的HTML5 section tag meanings?。

不使用section作为CSS / JS包装的最重要的论据是：每个section在文档的outline中创建一个条目。

请勿按照您描述的方式使用section作为包装。请改用div（分别为span）。

如果你恰当地使用section，你当然可以将它用作CSS / JS的选择器，所以你不需要添加另一个div此

Answer 2

我不是语义专家，但我相信使用一个部分作为整个网站的包装器会覆盖此标记的任何语义功能。也就是说，搜索引擎等将把它解释为div。