Should the header and footer tags be inside the main tag

Issue

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"?

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.

Answered By - janfoeh