我应该在<header>标签内嵌套滑块吗？

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>）
  
• 徽标或图标
  
• 作者身份信息
  

最后，它完全取决于你，它不是＆＃34;糟糕的做法＆＃34;或＆＃34;良好做法＆＃34;这样或那样。