HTML5中<section>标签的正确使用方法

Question

我将HTML5应用于博客模板中，但在如何标记首页上的不同“部分”方面有些困惑。这是一个杂志主题，所有主题都松散相关。为了举例说明，让我们假设这是一个电影网站，我有新闻部分、预告片部分和采访部分。是否适合在我的索引中这样标记：

<section>
    <h1>Trailers</h1>
        <ul>
          <li><a href="article">article</a></li>
          <li><a href="article">article</a></li>
          <li><a href="article">article</a></li>
          <li><a href="article">article</a></li>
        </ul>
</section>

- Jon Lachonis

---

不错的指南：https://dev59.com/fW445IYBdhLWcg3wmLdd - kirelagin

Answer 1

根据章节规范：

一般规则是只有当元素的内容在文档大纲中被明确列出时，才适用于section元素。

这意味着如果您只想对内容执行某些脚本或应用样式，则应改用div。如果您认为section的内容应该被聚合，则最好使用article标签。

在这里，您可以看到一些示例和指南：http://www.w3.org/TR/2011/WD-html5-20110525/sections.html#headings-and-sections

- ssedano

Answer 2

这似乎不是它的预期用途; 参考第二个注释：链接。

节（section）元素不是通用容器元素。当只需要元素进行样式设置或作为脚本方便时，建议作者使用 div 元素。一般规则是，只有当元素的内容在文档大纲中明确列出时，才适用于节元素。

实质上，section 旨在成为文档结构的一部分。

- muhmuhten