Fatal编程技术网
  • html/
  • Html 标题层次结构是否在网站或节的范围内？

Html 标题层次结构是否在网站或节的范围内？

html

Html 标题层次结构是否在网站或节的范围内？,html,header,semantics,Html,Header,Semantics,我很想看到以下问题的一些观点，甚至是一些明确的答案： 什么范围决定了标题的级别 我想介绍的两个极端情况如下： 网站范围 截面范围 以下是每种方法的示例： 网站范围 闹鬼的鱼缸 这对我的鱼有什么影响？ 鱼际 盥洗室闹鬼？ 副标题鱼 石头在向上下沉 今天我的鱼缸里发生了奇怪的事情 如您所见，标头级别是在“全局”范围内确定的。即使它对我的鱼有什么影响？显然是文章的第一级标题，它是网站的第二级标题，因此标记为h2 截面范围 闹鬼的鱼缸 这对我的鱼有什么影响？ 鱼际 盥洗室闹鬼？ 副标题鱼 石头

我很想看到以下问题的一些观点，甚至是一些明确的答案：

什么范围决定了标题的级别

我想介绍的两个极端情况如下：

  • 网站范围
  • 截面范围
以下是每种方法的示例：

网站范围 

闹鬼的鱼缸
这对我的鱼有什么影响？
鱼际

盥洗室闹鬼？
副标题鱼

石头在向上下沉
今天我的鱼缸里发生了奇怪的事情
如您所见，标头级别是在“全局”范围内确定的。即使它对我的鱼有什么影响？显然是文章的第一级标题，它是网站的第二级标题，因此标记为h2

截面范围 

闹鬼的鱼缸
这对我的鱼有什么影响？
鱼际

盥洗室闹鬼？
副标题鱼

石头在向上下沉
今天我的鱼缸里发生了奇怪的事情
现在，几乎同一个HTML的标记有所不同。请注意，在文章中，标题水平重置。这是为了表示文章中标题的级别。因此div class=“article”中的h1表示文章的主要标题，即标题<正文中的strong>h1表示正文的主标题

怎么办？
现在我问你，该怎么办？有没有明确的标准？任何回答都是非常受欢迎的。我主要感兴趣的是每个人对此的观点。

普遍接受的标准是每页一个
H1
标签。开头标题用于描述页面。如果页面需要多个
H1
标签，那么您可能组织的内容不正确，应该在多个页面上传播

不幸的是，W3C没有提供这方面的指导方针，而是让开发人员自行决定。但是，使用多个
H1
标记并不是一种好的做法，也绝对不是标准行为但是为什么呢？

  • 在您的示例中，从可访问性的角度考虑这一点 没有任何东西可以概括网页的总体目的， 用户必须查看每个单独的部分，以确保 了解本页的内容

  • 据信，像谷歌这样的主要搜索引擎可能会对其进行处罚 您的网站过度使用了
    H1
    标签。（）

    • 然而，W3C并未说明：

    HTML中有六个级别的标题，H1是最重要的 H6最小

    通过使用多个
    H1
    标记，您可以将页面的多个部分标记为最重要的部分

    就你的问题来说。
    H1
    应按网页范围处理，您可以使用较低级别的标题来表示不同的部分。将标题层次结构想象成一棵树，
    H1
    是树桩，每个较低级别的标题从树桩上分支
    div
    标记并不代表内容的重要性，很多时候，标题可能嵌套得比标题中的内容更深，这并不会降低其相关性-想想你的第二个示例在这种情况下会如何工作。

    普遍接受的标准是每页一个
    H1
    标记。开头标题用于描述页面。如果页面需要多个
    H1
    标签，那么您可能组织的内容不正确，应该在多个页面上传播

    不幸的是，W3C没有提供这方面的指导方针，而是让开发人员自行决定。但是，使用多个
    H1
    标记并不是一种好的做法，也绝对不是标准行为但是为什么呢？

  • 在您的示例中，从可访问性的角度考虑这一点 没有任何东西可以概括网页的总体目的， 用户必须查看每个单独的部分，以确保 了解本页的内容

  • 据信，像谷歌这样的主要搜索引擎可能会对其进行处罚 您的网站过度使用了
    H1
    标签。（）

    • 然而，W3C并未说明：

    HTML中有六个级别的标题，H1是最重要的 H6最小

    通过使用多个
    H1
    标记，您可以将页面的多个部分标记为最重要的部分

    就你的问题来说。
    H1
    应按网页范围处理，您可以使用较低级别的标题来表示不同的部分。将标题层次结构想象成一棵树，
    H1
    是树桩，每个较低级别的标题从树桩上分支
    div
    标记并不代表内容的重要性，而且很多时候，标题可能嵌套得比标题中的内容更深，这并不会降低其相关性-想想你的第二个示例在这种情况下会如何工作。

    两者在内容概述方面的工作原理完全相同如果使用了正确的剖切标记（在第二个示例中没有）。将
    更改为
    ——第一个示例按照您的意愿工作（我相信）。第二个没有，但是如果您在第二个中将
    更改为
    或
    ，它将看起来像第一个
    

    我认为网络更倾向于第二种方法，而不是选择适当级别的
    标记。
    两者在内容概述方面的作用完全相同如果使用了正确的剖切标记（在第二个示例中没有）。将
    更改为
    ——第一个示例按照您的意愿工作（I

    <html>
  <body>
    <h1>Haunted fishbowls</h1>

    <div class="article">
      <h2>What does it do to my fish?</h2>
      <p>Fish ipsum</p>
      <h3>Toiletbowl hauntings?</h3>
      <p>Subheader fish ipsum</p>
    </div>

    <div class="article">
      <h2>Stones are sinking upwards</h2>
      <p>Weird stuff is happening in my fish bowl today</p>
    </div>
  </body>
</html>

    

    <html>
  <body>
    <h1>Haunted fishbowls</h1>

    <div class="article">
      <h1>What does it do to my fish?</h1>
      <p>Fish ipsum</p>
      <h2>Toiletbowl hauntings?</h2>
      <p>Subheader fish ipsum</p>
    </div>

    <div class="article">
      <h1>Stones are sinking upwards</h1>
      <p>Weird stuff is happening in my fish bowl today</p>
    </div>
  </body>
</html>