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

Nin*_*nki 6 html 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>
Run Code Online (Sandbox Code Playgroud)

或者对于存档页面:

  <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>
Run Code Online (Sandbox Code Playgroud)

所以问题是: 如果我也需要这些级别的字幕,那么其他级别的 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>
Run Code Online (Sandbox Code Playgroud)

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

uno*_*nor 6

是的,\xe2\x80\x99 是正确的。在这种情况下,标题排名不是相关差异。重要的是您不要\xe2\x80\x99 使用另一个标题元素作为副标题。

\n\n

另请参阅 HTML 5.1 规范:副标题、副标题、替代标题和标语

\n