Question

我正在尝试组织一个有大量英雄＆＃34;的页面布局。页面顶部包含页面标题的部分。

从我所看到的，英雄应该被分成自己的<section>。但根据W3验证器，<section>不应包含<h1>标记，因为它是顶级标题。

我应该如何在英雄中显示页面标题？

<body>

  <header>
    <nav>
    </nav>
  </header>

  <main>
    <section class="hero">
      <h1>Page title</h1>
    </section>
    <section class="content">
      <p>The page's content</p>
    </section>
  </main>

  <footer>
  </footer>

</body>

Answer 1

搜索机器人会将h1元素视为页面内容所涉及的重要排名指标，以及它与其他排名指标（如页面title标记，meta标记和其他架构 - 因此，如果排名很重要，请不要排除h1

请考虑使用<header>标记：

<header>
  <h1>Main Page Title</h1>
  <img src="mdn-logo-sm.png" alt="MDN logo">
</header>

元素不是对内容进行分区，因此不会在大纲中引入新的部分。也就是说，标题元素通常包含周围部分的标题（h1-h6元素），但这不是必需的。

Src：<header> HTML | MDN

HTML5语义 - 在一个部分中包含页面标题

1 个答案: