Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Qual a diferença entre <div> e <section>?

Quando devo usar a TAG <div> e quando devo usar a TAG <section>**? Quais as diferenças entre elas?

1 resposta
solução!

Oi Wellington, tudo bem?

A <div> é um dos elementos mais genéricos do HTML, porque não possui nenhum valor semântico, poderíamos usar até mesmo no lugar de um <h1> , mas por qual motivo usar elementos específicos?

O motivo é que o HTML é uma linguagem de marcação de conteúdo, e isso quer dizer que, se marcamos o conteúdo de um modo muito genérico ou então errado, estamos falhando em passar significado para nosso código, semanticamente falando.

Então quando devemos utilizar <div>?

Podemos usar para agrupar elementos afim de se aplicar estilos (comumente usando class ou id). Ele deve ser utilizado somente quando não houver sentido a aplicação de um outro elemento mais semântico que ele tais como: section, article, nav, footer.

Quanto a <section>, tem valor mais valor semântico que a <div>. Geralmente, é utilizada para marcar uma seção da página, que é dotada de um cabeçalho (<h1> até <h6>) que atuam como filhos do elemento <section>.

Vale ressaltar que ambas não possuem diferenças visualmente.

Caso você queria ler mais sobre esse assunto, deixo aqui umas indicações:

Escrever um código bem semântico é importante por vários motivos, uns deles são:

  • Indexadores como o Google ou Yahoo! podem entender melhor a estrutura do site, e isso faz com que seu site seja ranqueado melhor nas buscas, indo lá para primeira página.
  • Leitores automáticos de tela podem ler o conteúdo na ordem correta, o que ajuda muito na acessibilidade.

Espero ter ajudado!

Bons estudos.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado. ✓