过去我经常将网站标题放在<h1> 标签中，然后将主页标题放在<h2> 中。这被认为是正确的，还是主页标题应该在<h1> 标签中？如果是这样，您将网站标题放在哪里？在普通的<div>?还是？
什么是语义上最正确的，在考虑可访问性等问题时什么是最好的？
【问题讨论】：
TITLE元素中。
<title> 没有显示在页面的任何位置。
head, title { display: block; }
标签： html header semantic-markup
没有真正的标准，有quite a few differing opinions。不过，我同意 womp：您不应该在网站的每个页面上都使用相同的 H1。我会将网站标题留给<title> 标签。
在语义上（并且为了帮助可访问性），普遍接受的规则是每个页面或主题一个<H1>。一个页面上有多个顶级标题是有效的，只要这些标题将文档分成讨论不同事物的单独逻辑块即可。因此，以显示最近五篇文章的博客主页为例，每篇文章都有自己的<H1> 就可以了。
但是，在 SEO 方面，建议通常是每页只有一个 H1。
我在my design blog 上采用了混合方法：在主页上，有一个描述网站的H1，每个帖子标题都是<H2>。但是，在各个帖子页面上，帖子标题是 <H1>。这似乎（到目前为止）在语义和搜索引擎优化之间取得了很好的平衡。
【讨论】：
如果 H1 标记与页面上的大部分内容上下文相关会更好 - 所以它应该是页面标题。
如果每个页面都有相同的 H1 标签（即网站标题），则会降低它们的价值（总的来说，它们确实是最有价值的标签）。
如果您将网站标题作为不是带有 alt 文本的图像的内容放在标题中，我通常只会设置 div 或 span 的样式。
【讨论】：
在 Google Search Engine Optimization Starter Guide 的第 20 页上：
适当使用标题标签
在包含新闻故事的页面上，我们可以将网站名称放入
标记中，将故事的主题放入
标记中。
【讨论】：