每个标题级别的HTML5字幕标记,即h1到h6

时间:2017-04-03 06:41:10

标签: html5 semantic-markup html-heading

包括WordPress官方模板,有很多资源解释如何用“header”标签编码“h1”和“h2”包含字幕作为“p”标签。

例如,

  <main>  
    <header>
      <h1>The Title For The Site</h1>
      <p>The subtitle goes here</p>
    </header>
    ...
 </main>

或者对于存档页面:

  <main>  
    <header>
      <h1>The Title For The Site</h1>
      <p>The subtitle goes here</p>
    </header>
    <article>
      <header>
        <h1>The Title Of An Article</h1>
        <p>The subtitle for the article</p>
      </header>
      ...
    </article>
    ...
 </main>

所以这是一个问题: 如果我还需要这些级别的字幕,那么其他级别的h3到h6标题会是什么?

在语义上是否可以标记为:

      <main>  
        <header>
          <h1>The Title For The Site</h1>
          <p>The subtitle goes here</p>
        </header>
        <p>Lorem ipsum dolor sit amet, consectetur ... dignissim.</p>

    <header>
      <h3>Fusce rutrum</h3>
      <p>Vestibulum commodo gravida tortor</p>
    </header>
    <p>....</p>

    <header>
      <h4>Praesent eget</h4>
      <p> Maecenas malesuada vel lectus</p>
    </header>
    <p>....</p>
    ...
 </main>

请给出一些建议!提前致谢。

1 个答案:

答案 0 :(得分:1)

是的,这是正确的。在这种情况下,航向等级不是相关的差异。重要的是你不要使用另一个标题元素作为副标题。

另请参阅HTML 5.1规范:Subheadings, subtitles, alternative titles and taglines