Have you ever wondered about the best way to use a div with HTML5 semantic markup? I've been pondering this question for some time and haven't found a definitive answer online.
One way you could do it is like this:
<div class="header-wrapper">
<header>
<h1>Some header</h1>
</header>
</div>
But would the following code be better?
<header>
<div class="header-wrapper">
<h1>Some header</h1>
</div>
</header>
Or maybe it doesn't matter at all? Should we just add a class to the HTML5 semantic tag and skip the div altogether?
p.s. This is my first post, so let me know if this question is too general or broad.