使用< h1>在HTML5中的网站名称 [英] Using <h1> on website name in HTML5
本文介绍了使用< h1>在HTML5中的网站名称的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
如何在HTML5中正确标记网站的标题？通常我用以下标记来标记网站的名称：
< h1>
< a href =＃>网站名称< / a>
< / h1>
最近我遇到了HTML5文档大纲算法。我还读到，似乎在h1标签中标记您的网站名称没有意义，因为除了网站名称之外，每个页面可能都有不同的主标题（h1）。
如果Facebook的标识/标题的标记包含在< h1> 标记中，那么如果让我说在Facebook上怎么办？然后，如果每篇文章都包装在< article> 标签中。例如：
< article class =post>
< h5 class =post-header>
< a href =＃>有人分享了Blah Blah的照片< / a>
< / h5>
< div class =post-body> ...< / div>
< / article>
我认为文档大纲是
-
Facebook
1.1有人分享了Blah Blah的照片
1.2其他帖子
1.3其他帖子
可以吗？
解决方案
特别是因为的大纲，使用 h1 。
如果您的网页是网站的一部分，每个网页都应该有一个网站标题 h1 ，其中包含该网站标题，网站标志或两者兼而有之。这是非常重要的，这个网站的标题是不是元素的一个子元素（ section / article / 抛开 / nav ）。 顶级页面标题始终是网站标题。而网站导航，网页的主要内容，辅助内容的侧边栏等都将成为该顶层标题的小孩。因此，一个简单的结构博客帖子页面可能是：
< body>
< h1>< img src =logo.pngalt =John's blog>< / h1>
< nav><！ - 网站范围内的导航 - >< / nav>
< article>
< h1>我的第一篇博文< / h1>
< p> ...< / p>
< footer><！ - 此页脚仅适用于文章 - >< / footer>
< / article>
< footer><！ - 此页脚适用于整个页面（→站点） - >< / footer>
< / body>
这将创建一个大纲：
1.2我的第一篇博文（→body> class =lang-none prettyprint-override>
;文章> h1）
如果您不在<$ c $中使用网站标题/徽标c> h1 ，页面将有一个无标题的顶层轮廓条目：
<$ c $ （→body>文章> h1）
