1

我听说 HTML5section元素不应作为语义元素用于样式设置。因此<section class='wrapper'>，作为 div 的替代品是错误的，使用<div class='wrapper'>会更好。
但是，当使用 section 元素有意义并且需要包装器时怎么办？<section class='wrapper'>在那种情况下可以这样做吗？还是我必须

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

这对我来说似乎有点臃肿？

4

3 回答 3

5

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

不知道你的来源是什么，但他们错了。风格消失！

话虽如此，根据HTML5 规范<section>，应在语义适当时使用元素：

section 元素表示文档或应用程序的通用部分。在这种情况下，部分是内容的主题分组，通常带有标题。

于 2013-01-25T18:42:27.563 回答
2

没有什么问题。

于 2013-01-25T18:42:05.213 回答
1

见http://www.w3.org/wiki/HTML/Elements/section

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

  • 在这种情况下，一个部分是内容的主题分组：

    • 章节
    • 选项卡式对话框中的各种选项卡式页面
    • 论文的编号部分

  • Web 站点的主页可以分为介绍、新闻项目和联系信息的部分。

  • section 元素不是通用容器元素。仅当内容将在文档的大纲中明确列出时，section 元素才合适。[示例 A]

  • 通常带有标题的部分。

您可以使用<section class='wrapper'>，因为添加类是语义，而不是样式目的。但是，当然，您可以为课程设置样式。

然后，<section class='wrapper'>如果包装器很大且很重要（如果它包含一个部分），则应该使用它。如果没有，最好使用<div class='wrapper'>.

但

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

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

于 2013-01-25T18:48:30.237 回答