【问题标题】:Is it necessary to use H2 after h1h1后有必要用h2吗
【发布时间】:2015-04-16 17:26:20
【问题描述】:

如果文本太小,是否必须在 h1 之后使用 H2 ,那么我们可以在 h1 之后使用 h4 吗?它可以访问吗?

【问题讨论】:

  • “如果文字太小”是什么意思?
  • 我的意思是页面标题和副标题大小差异很大的设计
  • 天哪,当我有问题时,stackoverflow 会在第一次谷歌搜索时弹出答案。

标签: html xhtml accessibility semantic-markup


【解决方案1】:

从技术上讲,您可以使用它们的任意组合。

从语义上讲,使用通用顺序是明智的。如果字体太小,请使用 CSS 更改。

使用标签h1-h6,您可以为标题赋予语义含义。其中h1 代表顶级,h2 代表h1 的细分,h3 代表h2 的细分等等。

您可以通过设置 CSS 规则来更改外观,这很棒,因为现在您可以将内容与布局分开。

【讨论】:

  • 这是 XHTML2 可以让事情变得更清晰的一个领域。可惜已经取消了。
  • @James:HTML5 标准对这些标签的确切语义也非常清楚。我刚才略读了一下,它看起来非常复杂,但至少 do 以相当精确的方式定义了含义。更重要的是:HTML5 有一些计算机无法检查的一致性要求(至少在计算机“理解”内容之前)。
  • HTML5 允许您在 "sectioning content element" 中重新调整标题编号的范围。由于在单个页面上收集了不同的内容,当标题标签仅与相关内容相关时,它们似乎更有意义。您可以将<nav><h1>navtitle</h1></nav>

    maintitle

    一起使用。不过,这是否是最佳实践,appears to be 悬而未决。
【解决方案2】:

您应该始终正确地构建文档,所以是的,它应该在 h1 之后是 h2 - 如果文本大小错误,您应该使用 CSS 来根据自己的喜好设置标题样式。

【讨论】:

    【解决方案3】:

    H1 ​​通常用于主标题,h2 用于副标题,h3 用于副标题等。使用它们的顺序并不重要。它只是一个传统的文档结构,有一个子标题是不合逻辑的,然后一个主要的标题,但它没有被强制执行。只需根据自己的喜好在 css 中设置样式即可。

    【讨论】:

      【解决方案4】:

      理想情况下,您应该坚持使用 H1,然后是 H2,然后使用 CSS 更改两者的样式以匹配您想要的。

      将 HTML 视为描述文档的内容和结构(因此,为什么首选 H1 而不是 H2,因为这表示标题的结构),然后将 CSS 视为采用该结构并根据到一些布局规则,因此 CSS 定义了您希望所有 H1 和 H2 的大小和颜色。

      (从技术上讲,没有什么可以阻止您混淆订单并做任何您想做的事情)

      【讨论】:

        【解决方案5】:

        是的,您可以跳过关卡,而且大多数屏幕阅读器不会在意。

        不过,使用 CSS 通常会更好。

        【讨论】:

        • 屏幕阅读器并不关心,但屏幕阅读器的用户肯定会关心。正确使用标题是屏幕阅读器用户快速浏览页面的方式。如果标题的顺序全部搞砸了,屏幕阅读器用户就会迷失方向并迷失在页面内容中。大多数屏幕阅读器甚至都有快捷键,可以更快地正确导航标题。
        【解决方案6】:

        不,它们只是标签。层次结构是隐含的,而不是定义或强制执行的,因此您可以按您喜欢的任何顺序使用它们。

        但是为了可读性和简洁性,如果您不喜欢尺寸,最好使用 CSS 重新定义它们,而不是仅使用 H3 作为主标题而忽略 H1 和 H2。除了其他任何事情,它可能会影响搜索引擎优化(它认为 H1 很重要,尽管我不确定 H2 和 H3)。

        【讨论】:

        • H1 最不重要?真的吗?
        • 抱歉,已澄清。 “至少 H1 是显着的”,我的意思是 H1 是显着的,即使 H2 和 H3 可能不显着。
        • 这是个坏建议。仅仅因为浏览器容忍代码的废话并且该语言的 SGML 形式是愚蠢的,理解它自己的结构约定并不能使不良做法可接受。如果他是新手并尝试学习正确的方法,我建议告诉他可接受的不良做法。
        • @austin cheney - 我确实说他应该但严格来说这是一个选择问题,标准不会强制执行。
        【解决方案7】:

        h1 和 h2 对 SEO 非常重要,使用一个 h1 和多个 h2 是合乎逻辑的做法。

        【讨论】:

        • 你能解释一下为什么它被标记了吗?因为这是一个旧帖子?
        猜你喜欢
        • 1970-01-01
        • 2011-02-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-10-02
        • 2010-11-12
        相关资源
        最近更新 更多