Должен ли я вставить ползунок внутри метки <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>)
• логотипа или значок
• информации авторства

В конце концов, это полностью зависит от вас , это не «плохая практика» или «хорошая практика» так или иначе.