Permitted parents: Any element that accepts flow content. Note that a <header> element must not be a descendant of an <address>, <footer> or another <header> element
I think you can use a header more or less anywhere, and it is a header for content contained by its parent.
Good point. Apparently (MDN) there should only be 1 main on a page, and it should not include sidebars, generic headers/footers repeated on other pages, etc.
So, you might have a site-wide header, a main containing a content-specific header / content / footer, and then a site-wide footer.
Not sure how useful that would be, but interesting to me as a sometime web hacker.
Comments
I was curious so I checked. According to MDN:
I think you can use a header more or less anywhere, and it is a header for content contained by its parent.
I think it is more related to whether your header and footer are actually the main content of your page, which may vary from page to page.
Good point. Apparently (MDN) there should only be 1 main on a page, and it should not include sidebars, generic headers/footers repeated on other pages, etc.
So, you might have a site-wide header, a main containing a content-specific header / content / footer, and then a site-wide footer.
Not sure how useful that would be, but interesting to me as a sometime web hacker.