正确使用html 5 </section>中的<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>

Answer 1

根据section spec：

  

    

      

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

    

  

这意味着如果您只想对内容执行某些脚本或应用样式，则应使用div。如果您认为section的内容应为syndicated，那么最好使用article代码。

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

Answer 2

这似乎不是它的预期用途; confer，尤其是第二个注意事项：

  

    

      

section元素不是通用容器元素。当一个元素仅用于样式目的或作为脚本编写的便利时，鼓励作者使用div元素。一般规则是，只有元素的内容在文档大纲中明确列出时，section元素才适用。

    

  

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