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.