HTML5中的h2-h6标题有什么用途吗?

HTML5中的h2-h6标题有什么用途吗?,html,html-heading,Html,Html Heading,我对在html5中使用h1-h6标题和部分感到困惑。 这两个例子中哪一个是正确的 <body> <article> <header> <h1>Article heading</h1> <p><time>0/0/00</time></p> <div id="article-tags"></div> </he

我对在html5中使用
h1-h6
标题和
部分感到困惑。
这两个例子中哪一个是正确的

<body>
  <article>
    <header>
      <h1>Article heading</h1>
      <p><time>0/0/00</time></p>
      <div id="article-tags"></div>
    </header>
    <section>
      <h2>Introduction</h2>
      <p> ... text ... </p>
    </section>
    <section>
      <h2>The problem itself</h2>
      <p> ... text ... </p>
    </section>
  </article>
</body>

文章标题
0/0/00

介绍 。。。文本

问题本身 。。。文本

这对我来说似乎很自然,将文章分成几个部分,并根据整篇文章的标题层次结构给它们标题,但是

<body>
  <article>
    <header>
      <h1>Article heading</h1>
      <p><time>0/0/00</time></p>
      <div id="article-tags"></div>
    </header>
    <section>
      <h1>Introduction</h1>
      <p> ... text ... </p>
    </section>
    <section>
      <h1>The problem itself</h1>
      <p> ... text ... </p>
    </section>
  </article>
</body>

文章标题
0/0/00

介绍 。。。文本

问题本身 。。。文本

我已经看到这用了很多时间,并且读到每个部分都应该有自己的标题层次结构


如果第二个示例是正确的,那么将标题从
h2
设置为
h6
的目的是什么?如果每个
h2
可以在新的
部分中分开,并且应该有自己的标题层次结构,从
h1开始,那么是否应该使用比
h1
更低的标题(因为它们都可以有自己的标题部分)?

根据Paul D.Waite的评论

两个版本都是正确的,第二个示例仅在您经常移动节的情况下更易于维护,因此您无需编辑标题。

HTML 5规范说明:

节可以包含任何级别的标题,但强烈建议作者仅使用h1元素,或使用节嵌套级别的适当级别的元素

我们还鼓励作者在分段内容的元素中显式地包装分段,而不是依赖于通过在分段内容的一个元素中包含多个标题而生成的隐式分段

所以我认为你的两个例子都很好:

  • 在第一个示例中,每个
    的标题都有一个
    标记,因为每个部分都嵌套在文章的第二级
  • 在第二个示例中,每个
    都使用一个
    标记,该标记与
    标记一样合适
在这两种情况下,您都明确地将文章部分包装在
标记中

我认为
-
是为了向后兼容和灵活性而保留的。允许使用
-
进行HTML4样式的分区意味着不必修改现有的HTML4内容以适应HTML5的分区规则。这也意味着,无论出于何种原因,如果在给定的情况下,使用旧式剖切更为理想,那么作者可以


HTML是为全球通用而设计的。稍微灵活一点确实有帮助。

第一个例子,使用
就可以了once@Mr.Alien:.谢谢你的回答,我想,我必须重新学习HTMLagain@PranavKapoor:不完全是,只是。是的,但我最好了解变化并更新自己。我已经把上面的内容加入书签:)@PaulD.Waite-几点。首先,请注意,您引用的文本中存在一个错误,因为有人担心HTML5大纲算法没有在浏览器中实现。我不确定,但我认为这意味着在使用all
s模式时,标题级别可能会错误地报告给平台可访问性API。其次,
是一个元素,而不是一个元素。