HTML5语义-SECTION中的ARTICLE标题为H1或H2

我的理解（根据本章的“深入HTML5”：http : //goo.gl/9zliD），可以认为在语义上适合在页面的多个区域使用H1标签，作为设置最重要标题的方法对于该特定内容。

如果我使用的是这种方法，并且我有一个SECTION分配了H1的“ Articles”，那么我应该使用H1还是H2来定义该SECTION中的ARTICLE标题？ 这对我来说有点困惑，因为文章标题是其文章的最重要标题，但也是SECTION标题的“子代”。

示例代码：

<section class="article-list">
  <header>
    <h1>Articles</h1>
  </header>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="201-02-01">Today</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-31">Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-30">The Day Before Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>
</section>

朝圣者并不孤单。

根据Jeremy Keith的HTML 5 for Web Designers，您可以<h1>在文档中使用多个，而不会破坏文档摘要，只要它们嵌套在离散的语义部分标记中即可。

直接从电子书（我从iBooks购买）中报价

到目前为止，新的章节内容为我们提供的功能远远超过了以前版本的HTML。这是关键：在HTML5中，每节内容都有自己的独立轮廓。这意味着您不必跟踪应该使用的标题级别，每次都可以从h1开始：

<h1>An Event Apart</h1> 
    <section>
        <header>
            <h1>Cities</h1>
        </header>
         <p>Join us in these cities in 2010.</p> 
        <section>
            <header>
                <h1>Seattle</h1>
            </header>
            <p>Follow the yellow brick road.</p> 
       </section>
        <section>
            <header>
                <h1>Boston</h1>
            </header>
            <p>That’s Beantown to its friends.</p> 
        </section> 
        <section>
             <header>
                   <h1>Minneapolis</h1>
             </header>
             <p>It's so <em>nice</em>.</p> 
         </section>
     </section> 
     <small>Accommodation not provided.</small>

（示例代码也来自本书，第73页）

我倾向于同意Mark Pilgrim的解释。如果要将文章包含在article元素中，则可以从h1文章标题重新开始。

在HTML5规范中，articles被视为页面的独立，独立的一部分。您应该能够将article元素原样移植到另一个页面中，而无需重新设置标题格式。

如果文章标题必须是文档标题层次结构的延续，那么当您将标记article直接放在body标签下时，您需要转到h1，但是如果将其放在嵌套部分下，则必须将其更改为h3/ h4// h5等，具体取决于放置位置。

实际上，无论何时创建新的section或article，都应返回h1，因为以下内容相同：

<article>
  <h1>Meta Data</h1>
    <h2>Data Warehousing</h2>
    <h2>On the Web</h2>
      <h3>Dublin Core</h3>
      <h3>XFN</h3>
      <h3>Microformats</h3>
      <h3>RDFa</h3>
</article>

和：

<article>
  <h1>Meta Data</h1>
  <section>
    <h1>Data Warehousing</h1>
  </section>
  <section>
    <h1>On the Web</h1>
    <section>
      <h1>Dublin Core</h1>
    </section>
    <section>
      <h1>XFN</h1>
    </section>
    <section>
      <h1>Microformats</h1>
    </section>
    <section>
      <h1>RDFa</h1>
    </section>
  </section>
</article>

附带说明一下，如果您的标头只是一个heading元素（例如h1），而没有其他内容，那么您无需将其包装在一个header元素中。

尽管页面的文章标题很重要，但是通常页面的顶级标题定义页面的内容。有时它是文章的名称，有时是您所显示的是文章列表的标题。

<h1>My Very Interesting Articles</h1>

该标题将整个页面定义为“有趣的文章”。然后列出了每篇文章，但标题级别较低。

官方的w3schools对页面上标题标签的使用的回答如下：应将H1标题用作主要标题，其次是H2标题，然后是次要的H3标题，依此类推。