Main (html tag) containing header - html

Question

I'm confusing. I read diferents opinions about main. The first one says that main (as it's the principal section) could contain header and footer as direct children.
<main>
<header></header>
<section>for the content</section>
</main>
Others says that main can't contain header as direct children, instead use article or section as parent. So the result would be:
<main>
<article>
<header></header>
<section>for the content</section>
</article>
</main>
Currently I have this layout, but I'm confused if It's necessary to add an article or a section to wrapp the header and the content:

Answer 1

Both variants available.
Do what you prefer more, I like first variant.
I am not sure in format of your work. If it is theoretical use: MDN Library
If it is practical, make sure that it is working and readable.
Do not worry as much as you are doing about tags. Every tag ususally worth nothing, only browsers characterise tags. If you want - you can even create your own tag.
For example:
<style>
main-header{display: block;}
heading-large{display:inline; font: 700 1.5em system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; color: #111; margin: 0; padding: 0;}
</style>
<main-header>
<heading-large>
It is working
</heading-large>
</main-header>
But you will need to characterize it in css and there are will be a lot more problems that you will need to solve with going through, but they are miserable for not corporate projects.
main-header{display: block;}
heading-large{display:inline; font: 700 1.5em system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; color: #111; margin: 0; padding: 0;}
<main-header>
<heading-large>
It is working
</heading-large>
</main-header>

Answer 2

Ok after more research it's seems to be ok to use main with header as a direct children.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main
If I understand this, main could be parent of any flow content.
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#flow_content