使用多个标头标签是否被认为是“不好的做法”?

Nyc*_*ism 4 html

header在分离主标头和子标头时使用多个标签是常见做法,还是应该使用divs 将一个标头分成两个部分?

例如:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <header class="header--main-header">
    </header>
    <header class="header--sub-header">
    </header>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

相对于:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <header>
      <div class="header--main-header">
        <!-- Main-Header Content -->
      </div>
      <div class="header--sub-header">
        <!-- Sub-Header Content -->
      </div>
    </header>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

这些方法中的任何一种都是实现网站标题和子标题的“最佳实践”方法,还是我缺少另一种方法?

小智 6

您可以根据需要使用任意多个标头。我们倾向于在 HTML 顶部使用主标头,其中包含我们的h1、导航、实用程序等。但是标头也可以用作部分的头部。

例如:

<header>
  <h1>The most important heading on this page</h1>
  <p>With some supplementary information</p>
</header>

<article>
  <header>
    <h2>Title of this article</h2>
    <p>By Richard Clark</p>
  </header>
  <p>...Lorem Ipsum dolor set amet...</p>
</article>
Run Code Online (Sandbox Code Playgroud)

head标签每页只能使用一次。