Muita gente não sabe ou apenas ignora, mas o html tem e precisa de uma semântica que ajude a estruturar melhor seu código de modo que o esqueleto da sua aplicação não fique frágil e consiga ser bem visto até pelos próprios mecanismos de busca do Google.

Mas não adianta eu te falar que existem tags e não mostrar elas, então vou te apresentar algumas tags que são de grande importância para a estruturação da semântica do seu html.

Perceba que dento do body temos três tags. Ok, mas para quê serve?

Header é o cabeçalho da sua página. onde geralmente se tem um menu, uma logo, ou os dois. Mas não se limite ao que falei, você pode colocar muita coisa dentro do header, mas coisas que normalmente se encontram em cabeçalhos da página.

Nav é a tag que vai definir o local da navegação principal do seu site. Lá você pode colocar o conteúdo que você considera como principal na sua página.

Footer é o rodapé da sua página, lá é onde você coloca informações geralmente encontradas em rodapés: Contato, about, informações do site ou algo do tipo.

Claro que existem outras tags, mas como essas são de grande importância, colocamos apenas essas.

Gostou desse post? Compartilha com um amigo ou nas redes sociais pra criarmos uma corrente de conhecimento 😉