para uma Web mais semântica > Descubra web semântica com 7 alternativas ao div. Use tags HTML5 corretas para estrutura significativa e melhor acessibilidade. Melhore seu HTML! URL: https://dpw.dev/acessibilidade/web-semantica-7-alternativas-div/ Publicado em: 2020-06-15 Categoria: acessibilidade Tags: basico-da-web, usabilidade Autor: Tárcio Zemel **Web Semântica** (ou **Semantic Web**) é um assunto muito importante, embora ainda bastante desconhecido (e até negligenciado) pela maioria dos devs. [Vídeo no YouTube](https://www.youtube.com/watch?v=nVTqo48Fo3c) O conteúdo relacionado à semântica na Web é bastante amplo. Neste artigo, não serão vistos tópicos como o que é web semântica, qual sua importância, como funciona a web semântica, ontologias, Web Semântica e Inteligência Artificial e coisas do tipo. A abordagem aqui é mais prática e muito mais simples: **como aprimorar a semântica de sites** simplesmente substituindo determinadas tags sem significado por tags mais condizentes e melhores, que realmente informam/significam alguma coisa. O uso correto de tags mais semânticas traz benefícios de SEO, acessibilidade, usabilidade e mais. Então, conheça essas 7 alternativas à `

` para uma Web mais semântica. ![Queima de arquivo galáctica](/images/blog/web-semantica-7-alternativas-div/div-astronauts.webp) ## `

` A tag `

` representa um **cabeçalho** que pode conter informações introdutórias contextualizadas. "Contextualizadas" no sentido de que o significado desse cabeçalho depende do contexto em que ele se encontra: se é filho imediato de ``, por exemplo, trata-se do cabeçalho geral da página; se está em uma `

` (que será vista mais abaixo), é o cabeçalho dela e; assim por diante. Exemplificando, se se trata do header da página toda, então pode conter informações mais abrangentes, como logo, seções de cabeçalho, formulário de pesquisa etc.; se estiver dentro de um , por exemplo, é o cabeçalho daquela tag específica. Exemplo de um cabeçalho geral (de um site fictício): ```html

Tudo sobre os Pé-Grande

``` ## `

` A tag `

` indica qual parte do documento contém o **conteúdo principal**. Entende-se como conteúdo principal aquele relacionado diretamente com o tópico central da página ou com a funcionalidade central da aplicação. Algo importa é que só pode haver 1 tag `

` por documento. A porção do conteúdo principal deve ser única e individual. Não deverão ser incluídas informações/interações que sejam comuns ao restante do site, como logo principal, informações de copyright, busca etc. ```html

Características

...

Teoria evolutiva

...

Últimas notícias

...

``` ## `