Which semantic element I should use to wrap all the child elements?

Hi All,

I’m learning semantic HTML and trying to figure out which element should be used after <body> element to wrap all the child semantic elements ?

I’m doing as below

<div class="grid-container">

can I replace div with main here as wrapper element for all ?

Are there any rules for semantic elements like which can be child and which can’t also other good practices ?

As HTML is not strict and doesn’t complain about any mistakes done wrt semantic elements usage, but for SEO, Accessibility I would like to follow best practices.

Thanks,
Vikram

seems like looking at w3c site would be a good thing to do, happy reading :slight_smile: Home | Web Accessibility Initiative (WAI) | W3C

and besides there are many nice resources online on that topic, google it a bit, thanks…