Not so common HTML transition to wordpress issue

At the end every html tag, not self self closing tags, can be used how ever you want.

Want to build a website using only <span>, go for it.

Going by symantic html.

A <section> can contain a <header> and <footer>, symantical that is correct.

You can have multiple <header> and <footer> tags, they should be in the proper parent tags.

Something like this

<body>
    <header>
        <nav></nav>
    </header>

    <h1></h1>

    <main>
        <section>
            <header>
                <h1></h1>
            </header>
            <div></div>
            <footer></footer>
        </section>
    </main>

    <footer></footer>
</body>

This is a valid html structure, going by the rules of HTML5.

What?! multiple <h1> tags… yes, in the era of html5 you can use multiple <h1> tags because of symantic tags, if will affect screen readers so you need to add the proper attributes to indecate nested <h1> tags, see –: The HTML Section Heading elements

The best place to understand how symantic elemets should be structured, what elements can be children of what elements, is HTML elements reference
, there are of course other good resources about HTML5 so keep searching.

About your html5 structure, its a valid structure and will couse no problems.
You can also check your html with W3C Markup Validation Service, i use this all the time when developing a website to make sure my html is correct and has no problems.