什么是这个CSS的正确方法

Question

我有一个页面，其中主要元素是文档，在本例中是隐私政策。

隐私权政策标题为<h1>，其余标题为<h2>等。

在文档的一侧，但不在H1的流程中，我有一个小的子菜单，也有一个标题。问题是标题标签应该是什么？

虽然我正在使用一些html5元素，但我没有使用SECTION等，因为旧浏览器依赖于javascript。

Answer 1

我会说 h3 根据WordPress小部件标题也是h3

e.g。

<h3 class="widget-title srp-widget-title">
    POPULAR ARTICLES
</h3>

我会在小部件（侧边栏）中远离h1和h2。如果它是h3或h4并不重要...... imho。

Answer 2

使用H1标签，与普遍看法相反，您不会因多个H1标签而受到惩罚;但它可能会对您网站的搜索引擎优化产生一些影响。

如需确认，您可以浏览以下文章：

Is it alright to use multiple h1 tags on the same page, but style them differently?

http://www.seomoz.org/q/multiple-h1-tags-on-same-page

最重要的是，以下链接提供了一个有趣的读物：

http://productforums.google.com/forum/#!topic/webmasters/kYX4Upa8_es

上面特别感兴趣的链接片段：

  

当谷歌正在分配＆＃39;权重到一页，其中一个因素是   在H标签内找到的文字。

     

因此，如果您有一个H1标签，并且其中没有太多文字，谷歌将会看到   这是一个非常强大的文字＆＃39;有很多意义。如果你有一个H1   对于整段文字的标记，谷歌会将此视为“弱文”＆＃39;   由于H1标签内包含的总字数。

     

如果您有两个H1，页面上H1标签的数量也会影响这一点   标签，这个非常强大的文字＆＃39;如果你有的话，体重会减半   三，它将是（好吧，我不确定它是否是原作的三分之一   重量，或减少三倍（即原始重量除以）   两个，然后又分两个））等等。因此有很多H1   标签是一个坏主意，因为你将在H1内部有更多的组合文本   它也会被页面上的H1标签数除以。

     

至于HTML5中发生了什么，抱歉，但我不确定谷歌的观点   这个嵌套的语法，我只想扩展并澄清什么   克里斯蒂娜在谈论。

虽然如果你真的对SEO很偏执，只要把H3放在那里，我确定它并不重要。

Answer 3

因为每个标题标记表示每个部分的相对重要性，所以最好从最高级别的标题开始，然后逐步降低。我会把它放在h3

Answer 4

它被视为标题，因此应该是<h3>。

Answer 5

如果此网页是网站的一部分（而不是独立文档），您可能不希望将h1用于主要内容标题。

即使您不使用切片元素（section，article，aside，nav），您的标题仍会创建outline。此大纲应代表页面的结构，类似于ToC。

让我们想到一个简单的网站：a）网站标题，b）主要内容，c）网站导航

如果您使用h1作为主要内容的标题，则网站范围的标题和网站范围的导航将属于此主要内容的范围：

1. 隐私政策
   1. 我很酷的网站
   2. 导航

但这不正确。 “隐私政策”是“我的酷网站”的一部分，而不是相反。 “导航”不是“隐私政策”的子部分。所以你的大纲应该是这样的：

1. 我很酷的网站
   1. 隐私政策
   2. 导航

所以解决方案是：使用h1作为您的站点范围标题（通常是您公司/项目/人/等的名称）。您的页面的所有范围都由此标题“支配”。这是将您的网页整合到网站的原因。

注意：如果您使用切片元素，则可以对每个切片内容使用h1。

Answer 6

如果主要内容中没有<h3>，请使用侧边栏中的<h3>。 如果您想将其视为新内容，请再次使用<h1>。

这实际上取决于您所看到的背景或您的用户体验。