我应该在里面嵌入一个滑块 标签？

Question

我目前正在开发一个网站，该网站将在导航栏下方的页面顶部显示一个英雄滑块。目前，我编写了这样的代码：

<header>
  <h1 class="site-title">Site Title</h1>
  <nav id="primary">
    <ul class="top-level">
      <li class="link">Link</li>
      <li class="link">Link</li>
      <li class="link">Link</li>
      <li class="link">Link</li>
      <li class="link">Link</li>
    </ul>
  </nav>
</header>
<section id="hero-banner">
  <!-- Banner Content -->
</section>

但我想知道是否适合在<header>标签中包含英雄滑块？在这种情况下，代码将变为：

<header>
  <h1 class="site-title">Site Title</h1>
  <nav id="primary">
    <ul class="top-level">
      <li class="link">Link</li>
      <li class="link">Link</li>
      <li class="link">Link</li>
      <li class="link">Link</li>
      <li class="link">Link</li>
    </ul>
  </nav>
  <section id="hero-banner">
    <!-- Banner Content -->
  </section>
</header>

在视觉上，我会认为英雄横幅与<header>的其余部分组合在一起，但我不确定在代码中反映这一点是否会被认为是语义正确的。

Answer 1

来自w3schools：

元素表示介绍性内容或一组导航链接的容器。元素通常包含：

• 一个或多个标题元素（<h1> - <h6>）
• 徽标或图标
• 作者信息

最后，这完全取决于你，这不是“坏习惯”或“良好做法”的方式。