如何正确地标记在HTML5网站的标题？ 通常我标记一个网站的名称有：
<h1>
<a href=#>Website Name</a>
</h1>
最近，我遇到与HTML5文档大纲算法。 我也看过，它看起来像标记您的网站在h1标签名称没有意义，因为每个页面将可能有不同的主标题（H1），除了网站的名称。
如果让我们说在Facebook，如果Facebook的标志/标题标记被包裹在<h1>标签。 然后，如果每一个岗位被包裹在<article>标签。 例如：
<article class="post">
<h5 class="post-header">
<a href="#">Someone has shared Blah Blah's photo</a>
</h5>
<div class="post-body">...</div>
</article>
我认为，文档大纲会
Facebook的
1.1有人分享等等等等的照片
1.2其他文章
1.3其他文章
这样可以吗？
特别是由于轮廓是有意义的使用h1 。
如果你的网页是一个网站的一部分，每个页面应该有一个网站页眉h1 ，它包含了网站标题，网站的标志，或两者兼而有之。 重要的是，这个网站的标题是不是一个切片元素（的子section / article / aside / nav ）。
因此，顶层的网页标题将永远是网站的标题。 和站点导航，页面的主要内容，次要内容等工具条都将是顶级标题的“孩子”。
因此，对于博客文章页面的简单结构可以是：
<body>
<h1><img src="logo.png" alt="John's blog"></h1>
<nav><!-- the site-wide navigation --></nav>
<article>
<h1>My first blog post</h1>
<p>…</p>
<footer><!-- this footer applies to the article only--></footer>
</article>
<footer><!-- this footer applies to the whole page (→ the site)--></footer>
</body>
这将创建这样一个轮廓：
1 John's blog (→ body>h1)
1.1 untitled (→ body>nav)
1.2 My first blog post (→ body>article>h1)
如果你不会用在网站名称/标志h1 ，该网页将有一个顶层无大纲条目：
1 untitled (→ body)
1.1 untitled (→ body>nav)
1.2 My first blog post (→ body>article>h1)
如果你不会使用h1的网站名称/标志和你的主要内容没有切片元素...
<body>
<img src="logo.png" alt="John's blog"> <!-- omitted h1 -->
<nav><!-- the site-wide navigation --></nav>
<!-- omitted article -->
<h1>My first blog post</h1>
<p>…</p>
</body>
......你会得到两个顶级项目的概述：
1 untitled (→ body)
1.1 untitled (→ body>nav)
2 My first blog post (→ body>h1)
我把在一个header元素：
一个头元件用于通常含有该部分的标题（一个H1-H6元件或hgroup元件），但是这不是必需的。 头元件也可以用来包装的内容，搜索表单，或任何相关的标志的区段的表。
像这样：
<header>
<a href="/"><img src="..." alt="Foo Company Home"></a>
</header>
