小编Nin*_*nki的帖子

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

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

html semantic-markup html-heading

6
推荐指数
1
解决办法
6239
查看次数

标签 统计

html ×1

html-heading ×1

semantic-markup ×1