Quando devo usar a TAG <div>
e quando devo usar a TAG <section>
**?
Quais as diferenças entre elas?
Quando devo usar a TAG <div>
e quando devo usar a TAG <section>
**?
Quais as diferenças entre elas?
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:
Espero ter ajudado!
Bons estudos.