Como usar tags com significado mais claro para organizar melhor a página
HTML semântico é, basicamente, usar tags que descrevem melhor o papel do conteúdo.
Em vez de sair empilhando div para tudo, você usa elementos que contam ao navegador e a outras ferramentas o que cada parte da página representa.
Carregando...<header> para cabeçalho;<nav> para navegação;<main> para conteúdo principal;<section> para uma seção;<article> para conteúdo independente;<footer> para rodapé.Porque o código fica mais fácil de entender, manter e navegar.
Uma pessoa olhando o HTML entende mais rápido a estrutura. Ferramentas assistivas também ganham contexto.
Em resumo: semântica não é perfumaria. É clareza.