Question

在分隔主标题和子标题时使用多个header标记是常用做法，还是应该使用div将一个标题分成两个部分？

例如：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <header class="header--main-header">
    </header>
    <header class="header--sub-header">
    </header>
  </body>
</html>

相反：

<!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>

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

Answer 1

您可以根据需要使用任意数量的标头。我们倾向于在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>

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

Answer 2

通常是header标记，后跟nav或div标记本身。最佳做法是使用nav标记。

Answer 3

HTML中的约定通常有一个标题标记。子标题可以由您希望的任何元素分隔，div例如您拥有。

您可以查看标题here和here的一些示例用法。

Answer 4

header标签元素表示介绍性内容或一组导航链接的容器。

标头标记元素通常包含：

一个或多个标题元素（h1 - h6）
徽标或图标
作者身份信息

您可以在一个文档中包含多个元素。

使用多个标头标签是否被视为“不良做法”？

4 个答案: