Ir para explicação

header

main

header

Representa um grupo de suporte introdutório ou navegacional. Pode conter alguns elementos de cabeçalho mas também outros elementos como um logo, seções de cabeçalho, formulário de pesquisa, e outros. Você pode ter vários header em um documento HTML.

Representa o espaço onde ficam as rotas de navegação da página. Geralmente são colocadas ligações para a própria página (links internos) ou ligações para sites externos.

aside

Agrupa informações relacionadas ao conteúdo ao seu redor. Muito usada em barras laterais(as famosas sidebars).

main

Define o conteúdo principal dentro do body. Não se deve incluir mais de um elemento main.

article

Especifica conteúdo independente. Muito usada em: postagens, notícias e etc.

section

Uma seção genérica. Muita usada quando não existir um elemento semântico mais específico para representá-lo.

Representa o rodapé. Normalmente um rodapé contém informações sobre o autor da seção de dados, direitos autorais ou links para documentos relacionados.