HTML 5 Section and Main semantic tags use <p>While studying the HTML 5 semantic tags, I've ran upon some doubts on how to proper utilize the <em>main</em> and <em>section</em> tags, and since the <a href="http://www.w3schools.com/html/html5_semantic_elements.asp" rel="nofollow">W3Schools</a> reference seems a little vague and other references on the Web seems to diverge I would like to know if there is a proper guideline to the following questions or if its pretty much up to the programmer:</p> <ol> <li>Does the <em>main</em> tag also has the meaning of grouping related elements or in that case should it be within a <em>section</em> tag?</li> <li>Does it make sense to wrap single elements, such as an image, into a <em>section</em> tag?</li> <li>It's pretty common to have a <em>header</em> and <em>footer</em> of the page (not inside any section), in that case, should the remaining in between those tags be wrapped inside a <em>section</em> tag, as if delimiting the "content" of the page? </li> </ol>