Svi*_*ish 11 html header semantic-markup
在过去,我经常将网站标题放在<h1>标签中,然后将主页标题放在标签中<h2>.这被认为是正确的,还是主页标题应该在<h1>标签中？如果是这样,你在哪里放置网站标题？在常规<div>？要么？
什么是最语义正确的,在考虑可访问性等问题时最好的是什么？
没有真正的标准,并且有很多不同的意见.我同意womp:你不应该在网站的每个页面上都有相同的H1.我将网站标题留给<title>标记.
在语义上(以及为了辅助可访问性),通常接受的规则是<H1>每页或主题一个.只要这些标题将文档分解为讨论不同内容的单独逻辑块,在页面上有多个顶级标题是有效的.因此,以博客主页为例展示最近的五篇文章,每个人都可以拥有自己的文章<H1>.
但是,当涉及到SEO时,建议通常是每页只有一个H1.
我已经在我的设计博客上采用了混合方法:在主页上,有一个描述该网站的H1,每个帖子标题都是<H2>.但是,在各个帖子页面上,帖子标题是<H1>.这似乎(到目前为止)在语义和搜索引擎优化之间取得了良好的平衡.
Google搜索引擎优化入门指南第 20 页：
适当使用标题标签
在包含新闻故事的页面上，我们可以将网站名称放入 <h1> 标签中，将故事主题放入 <h2> 标签中。
如果H1标签与页面上的大部分内容在上下文中相关,那就更好了 - 所以它应该是页面标题.
如果每个页面都有相同的H1标签(即网站标题),它会降低它们的价值(总体而言,它们确实是最有价值的标签).
如果您将网站标题放在标题中,而不是带有替代文字的图像,我通常会设置div或span的样式.