HTML5结构和章节或文章中的标题

时间:2012-09-28 12:43:25

标签: html5

虽然我真的应该知道这一点,但我担心我不能完全理解。阅读过不同的文章,阅读书籍并与其他人交谈后,我仍然不太了解HTML5 section的正确结构。在h1和/或section中添加article代码是否合适?新的sectionarticle是否会构成再次启动h1h2流程?

我的印象是每个“块”应该被允许它自己的“标题”结构。

例如,这是正确的HTML5吗? :

<!doctype html>
<html>
  <head>
    <title>
    <!-- etc. etc. -->

    <body>
      <section> <!-- two or more <articles> within this section, both using <h1> tags -->
        <h1>Here is a section with articles in</h1>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph>
        </article>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph</p>
        </article>
        ...      
      </section>
      <section> <!-- two or more <articles> within this additional section, both using <h1> tags -->
        <h1>Here is a section with articles in</h1>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph>
        </article>
        <article>
          <h1>Heading</h1>
          <h2>sub heading</h2>
          <p>A paragraph</p>
        </article>
        ...      
      </section>                  
    </body>
</html>

1 个答案:

答案 0 :(得分:4)

由于h1中的每对h2article元素分别代表一个标题和一个副标题,因此您需要将该对分组为自己的headerarticle内,以便为每篇文章生成适当的文档大纲。

除此之外,你的部分的标题结构似乎很好。