Should the header and footer tags be inside the main tag

html

Solution

Since it represents the central part of your page - the "beef" if you want - and headers and footers are considered adjacent content, I would argue that headers and footers should not be child elements.

In theory, yes, using `<main>` does mean the same as adding `role="main"`. But as it has limited support at the moment, using `<main role="main">` is recommended.

Problem

I'm using the `main` tag - should I put my header and footer tags inside the main tag or should they be separate? Also, does the main tag need role="main"?

Original source