Main (html tag) containing header-CodePudding

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:

CodePudding user response：

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:

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