Best practice question: Should content in a Header be set to Section or Div?

How To
1

I’m building a header (with the usual log, menu etc). Is it best HTML practice/standards to set the parent HTML as a Section or change to a Div?
I’ve had a look at various popular sites and they tend to use 1 or the other. I can’t find a definitive best practices answer.

E.G.
Should the end HTML be;

Option 1

<header>
<section>
<div>
<h1>Hello</h1>
</div>
</section>
</header>

Option 2

<header>
<div>
<div>
<h1>Hello</h1>
</div>
</div>
</header>
2

Based on the Semantic Web approach to building, div would be used as section is for separating larger chunks of content which would most likely occur in the main section of your page. Additionally, using the header tag has already given meaning to the page element.
It is great how Bricks makes it so easy to adjust tags so to give better meaning to what we build.
Cheers :+1:

Ref: MDN Web docs

3

Thanks, I guess I’ll use section, that’s what the Bricks site uses.