Sollte ich einen Schieberegler innerhalb des Tags <header> verschachteln?

Question

Ich arbeite gerade an einer Website, wo die Seite einen Helden-Schieberegler oben auf der Seite unter der Navigation haben wird. Zur Zeit habe ich den Code wie folgt geschrieben:

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

Aber ich frage mich, ob es angebracht wäre, auch zu schließen, die Helden Schieber innerhalb des <header>-Tages? In diesem Fall würde sich der Code in dieser:

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

Optisch würde ich der Held Banner als mit dem Rest des <header> gruppiert werden, aber ich bin nicht sicher, ob dies im Code, wenn reflektieren wäre als semantisch korrekt angesehen.

Answer 1

Von w3schools:

Das Element stellt einen Behälter für Einführungs Inhalt oder eine Reihe von Navigations-Links. Ein Element enthält typischerweise:

• eine oder mehrere Überschrift Elemente (<h1>-<h6>)
• Logo oder eine Ikone
• Autor Informationen

Am Ende, es ist ganz Ihnen überlassen Es ist nicht "schlechte Praxis" oder "gute Praxis" auf die eine oder andere Weise.