As Semantic Grouping Tags deixam o web site organizado de forma semântica, ou seja, separamos dentro do HTML o cabeçalho (header) da parte principal (main), deixamos a parte principal (main) separada em parte como sessões (section), artigos (article), laterais (aside) e por fim o rodapé (footer). Esta separação conta muito para o SEO e o ranking dos crawlers (como o buscador do Google)
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque labore voluptates quia doloremque quae sunt? facere dolore, eius modi debitis quo quasi dicta minima enim.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque labore voluptates quia doloremque quae sunt? facere dolore, eius modi debitis quo quasi dicta minima enim.
<h2>Grupo de Tags Semânticas em HTML5</h2>
<header>
<h2>Meu Site</h2>
<nav>
<a href="">home</a>
<a href="">sobre</a>
<a href="">fotos</a>
<a href="">videos</a>
<a href="">contato</a>
</nav>
</header>
<main>
<section>
<article>
<h2>Grupo de Tags Semânticas em HTML5</h2>
<p>As Semantic Grouping Tags</p>
</article>
</section>
<section>
<article>
<h2>Notícias sobre o Brasil</h2>
<p>Lorem ipsum dolor sit amet consectetur</p>
<aside>
<p>Artigo escrito por josé da silva</p>
</aside>
</article>
<article>
<h2>Notícias sobre o Mundo</h2>
<p>Lorem ipsum dolor sit amet consectetur</p>
</article>
</section>
</main>
<footer>
<p>Desenvolvido por Marcelo Ildefonso Campos</p>
</footer>