As tags semânticas ajudam a dar significado ao conteúdo da página, facilitando a leitura tanto para desenvolvedores quanto para motores de busca (SEO). Exemplos:
<header>: Cabeçalho.<footer>: Rodapé.<article>: Conteúdo independente.<section>: Agrupa conteúdos relacionados.<nav>: Navegação.<main>: Conteúdo principal.
Exemplo:
<header>
<h1>Bem-vindo ao meu site</h1>
</header>
<main>
<article>
<h2>Meu Primeiro Artigo</h2>
<p>Exemplo de artigo usando HTML semântico.</p>
</article>
</main>
<footer>
<p>© 2025 - Todos os direitos reservados.</p>
</footer>