【问题标题】:Using multiple h1's on a page [duplicate]在页面上使用多个 h1 [重复]
【发布时间】:2014-05-23 03:55:31
【问题描述】:

我又来了,问我几个月前问的同样的问题。但是不,我不相信这是重复的,因为在这方面有太多相互矛盾的答案,我发现很难确定正确的答案。

seroundtable.com 说,

H1 ​​标签应该用于它们最初创建的目的:组织文档以强调关键点。

话虽如此,搜索引擎认为h2 不如h1 重要是不合逻辑的。

ehow.com 这么说,

建议页面应该始终有一个 H1 元素,但只有一个。 H1 标记应包含页面内定位的主要关键字。

因此,这与几个月前在 S/O 上提供给我的答案相矛盾。提供的答案大致是“您可以拥有任意数量的h1 标签”(我问的是当我需要超过 6 个标签时如何使用它们)。

所以现在我很困惑。

我相信通过使用许多h1 会向查看者和搜索引擎发送不太清晰的信息。但是我也觉得制作p标签28px很脏;

我该怎么办?这里的问题是,这是一个独特的设计,所有 5 个主要导航链接都是水平分布的,并且都是相同的大小。我想为它们都使用h1,我不想使用h1h2h3,因为所有链接——在这种情况下——都具有相同的价值。我的意思是,你不敢试图将一页的重要性视为次要。

【问题讨论】:

  • 为什么不对所有标题使用h2?我倾向于将h1 视为页面标题,逻辑上只能有一个。
  • “ehow.com 这么说”你应该忽略那个超低质量网站上的所有内容。

标签: css html


【解决方案1】:

您可以在一个页面中添加任意数量的 h1 标签 (w3c specs)。

但是,在您的情况下,我建议使用列表或导航菜单(如果您使用的是 html5,则包装在 nav 元素中)。指向其他页面的链接不是标题或页面上最重要的元素。

您应该使用 h1-6 保留实际标题。

【讨论】:

    【解决方案2】:

    您应该考虑使用 HTML 列表。您似乎在质疑什么 HTML 元素在语义上最正确,根据我的经验,最语义上正确的导航方式是使用列表。

    但其他受欢迎的开发人员,如 CSS-TRICKs 的作者 Chris Coyer 说他使用无精打采的导航。 Navigation in lists to be or not to be.

    如果您的网站要被很多人使用,使用列表将帮助残障人士并使用屏幕阅读器来浏览您的网站。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-01-25
      • 2015-04-20
      • 2015-11-04
      • 2010-10-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-16
      相关资源
      最近更新 更多