HTML semântico é a parte do HTML que ajuda você a organizar seu site de maneira amigável para manutenção e SEO. SEO significa: Otimização de Mecanismos de Busca.

Quando você adere à semântica HTML ao construir um site, esse site tende a facilitar a classificação mais elevada dos mecanismos de pesquisa e, claro, facilita a navegação dos leitores de tela em seu site.

Aqui estão algumas das tags HTML semânticas:

1-
A tag “header” é onde vão o conteúdo introdutório da página, links de navegação, menu e/ou barra de pesquisa. Os logotipos das marcas também vão lá!

2-
A tag “main” é onde entra o conteúdo principal da página.

3-
A tag "article" é onde o conteúdo independente e independente entra. Conteúdo que faz sentido por si só. Esta pode ser uma postagem de blog.

4-
A tag “section” divide o conteúdo em partes. Normalmente inclui um título. Não é uma tag de "cabeçalho".

5-
A tag “aside” é usada para adicionar conteúdo secundário ou relacionado a uma postagem em uma página.

Nota: a tag "section" pode ser aninhada na tag "article" e a tag "aside" pode ser aninhada em qualquer uma delas.

6-
A tag "rodapé" contém informações sobre a página como; contato, links e informações legais.

Obrigado e espero que isso ajude!