Quando usar **<DIV> </DIV>** e quando usar **<SECTION></SECTION>**? Existe alguma diferença entre as duas?
Solucionado
Quando usar **<DIV> </DIV>** e quando usar **<SECTION></SECTION>**? Existe alguma diferença entre as duas?
Olá Welton, tudo bem?
A grande diferença entre a "section" e a "div" é que diferente da "div", a "section" só deve ser usada para "juntar" elementos que tenham alguma relação de contexto entre si, por exemplo uma imagem e um texto de legenda, ou uma seção de conteúdo de uma página.
Já a "div", por não ter essa restrição, pode ser usada para agrupar qualquer grupo de elementos. Ela é mais usada quando precisamos de um container para fazer um 'display: flex' ou 'display: grid'.
Lembre-se que nos casos em que cabe o uso tanto da "section" quanto da "div", é convenção sempre usar a "section" a fim de deixar o código padronizado e organizado.
Espero ter ajudado!
Obrigado, Danilo!