html - 如何在 HTML5 中正确使用 h1

Question

以下哪项是构建页面的正确方法:

1) h1仅在 header

<header>
    <h1>Site title</h1>
    <nav>...</nav>
</header>
<section>
    <h2>Page title</h2>
</section>

如果我使用 h1独家内 header作为站点的标题， h1 的每个页面都将具有相同的内容。标签。这似乎不是很有信息性。

2) h1在 header和 section , 用于站点和页面标题

<header>
    <h1>Site title</h1>
    <nav>...</nav>
</header>
<section>
    <h1>Page title</h1>
</section>

我也看过使用 h1 的例子不止一次，在两个 header和 section标签。但是，同一个页面有两个标题不是错吗？此示例显示多个标题和 h1标签 http://orderedlist.com/resources/html-css/structural-tags-in-html5/

3) h1仅在 section , 强调页面标题

<header>
    <p>Site title</p>
    <nav>...</nav>
</header>
<section>
    <h1>Page title</h1>
</section>

最后，W3 似乎推荐使用 h1内主 section元素，这是否意味着我不应该在 header 中使用它元素？

Sections may contain headings of any rank, but authors are strongly encouraged to either use only h1 elements, or to use elements of the appropriate rank for the section's nesting level.

Answer 1

正如我在评论中所述并且您在 W3C 中引用的那样，h1 是标题而不是标题。每个分节元素都可以有自己的标题元素。您不能仅将 h1 视为页面的标题，而是将其视为页面特定部分的标题。就像报纸的头版一样，每篇文章都可以有自己的标题(或标题)。

Here is a good article on this.