Elementos Semânticos

Vamos dar uma olhada mais de perto em cada tag individualmente:

header tag

Estes são tipicamente elementos introdutórios ou um conjunto de links colocados no topo de uma seção ou página da web que oferecem informações cruciais sobre a página e ajudam os usuários a navegar para outras seções.

Por favor, note que isso não deve ser confundido com a tag head, pois head e header têm propósitos diferentes em HTML.

nav tag

Define uma seção de links de navegação usados para menus ou barras de navegação. nav é tipicamente colocado na seção header de um site.

section tag

Organize seu documento logicamente usando cabeçalhos para agrupar conteúdo relacionado. Isso ajuda os leitores a entenderem melhor seu conteúdo e melhora a visibilidade nos mecanismos de busca.

article tag

Contém uma peça de conteúdo autônoma, como uma postagem de blog, artigo de notícias ou postagem em fórum. Este conteúdo ajuda os mecanismos de busca a identificar e priorizar o conteúdo central da página da web.

footer tag

Define um rodapé que normalmente inclui informações de direitos autorais, detalhes de contato e links para conteúdo relacionado. Ele fornece um fechamento para o conteúdo acima e contém informações suplementares e opções de navegação.