使用多个标头标签是否被认为'bad practice'?



在分离主头和一个子头时,正在使用多个header标签,或者您应该使用div S?

将一个标头分为两个部分

例如:

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

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

您可以根据需要使用尽可能多的标头。我们倾向于在包含h1,导航,实用程序等的HTML顶部使用主标头,但是也可以将标题用于部分的头部。

例如:

<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标签,每页只能使用一次。

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

标题标签元素通常包含:

  • 一个或多个标题元素(H1 -H6)
  • 徽标或图标
  • 作者资格信息

您可以在一个文档中有几个元素。

html中的约定是通常有一个标题标签。子标头可以被您想要的任何元素分开,例如您的div

您可以在此处和此处查看标头的一些示例用法。

通常是header标签,然后是navdiv标签本身。使用nav标签是最好的实践。

最新更新