Question

我听说HTML5 section元素不应该用作样式目的，因为它是一个语义元素。因此，<section class='wrapper'>替换div是错误的，使用<div class='wrapper'>会更好但是当使用section元素 AND 时有什么意义呢？需要包装器吗？在这种情况下，<section class='wrapper'>可以吗？或者我必须

<section>
  <div class='wrapper'>
    ..
  </div>
</section>

对我来说似乎有点臃肿？

Answer 1

我听说HTML5 section元素不应该用于样式目的

不确定你的来源是什么，但他们错了。风格远离！

话虽如此，<section>元素应该在语义上适当时使用，按照HTML5 spec：

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

Answer 2

它没有任何问题。

Answer 3

请参阅http://www.w3.org/wiki/HTML/Elements/section

元素表示文档的通用部分或   应用。



在此上下文中，一个部分是内容的主题分组：


章

选项卡式对话框中的各种标签页

论文的编号部分




网站的主页可以拆分为一个部分   介绍，新闻和联系信息。



section元素不是通用容器元素。这部分   仅当明确列出内容时，元素才适用   在文件的大纲中。 [例A]



通常带有标题的部分。

你可以使用<section class='wrapper'>，因为添加一个类是语义，它不是造型的目的。但是，当然，你可以为这个课程设计风格。

然后，如果包装器是大而重要的（如果它包含一个部分），则应该使用<section class='wrapper'>。如果没有，请更好地使用<div class='wrapper'>。

但是

<section>
  <div class='wrapper'>
    ..
  </div>
</section>

这非常糟糕，因为你添加了不必要的代码，这不是语义。

HTML5 - section元素没有样式钩子？

3 个答案: