Por que usar <div> e não <section>?

Olá Márcia, tudo bem?

O elemento <div> é o container mais genérico do HTML, pois não possui nenhum valor semântico. Pode ser utilizado para agrupar elementos afim de se aplicar estilos (usando class ou id), ou quando esse grupo compartilha valores de atributos, como o lang. Ele deve ser utilizado somente quando não houver sentido a aplicação de um outro elemento mais semântico que ele (article, section, nav, footer etc).

Já o <section>, ainda pode ser considerado "genérico" para algumas literaturas, porém possuindo mais valor semântico que o <div>. Geralmente, é utilizado para marcar uma seção da página, que é dotada de um cabeçalho (família <h1> até <h6>) que atuam como filhos do elemento <section>. Um exemplo seria uma lista de resultados de pesquisa e para descrever as seções/tópicos de um documento.

Nas aula mais iniciais, acaba-se usando nas explicações mais o elemento <div>, no intuito de facilitar a compreensão do aluno acerca dos conceitos básicos sobre o que de fato é uma divisão na página, para que serve e porque é importante. Porém, conforme as aulas avançam os agrupamentos semânticos são bastante explorados.

Caso queira estudar mais sobre isso, aqui estão algumas indicações de leitura:

• https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/div
• https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/section

Espero ter ajudado, qualquer dúvida fique a vontade para perguntar. Bons estudos!

Oi Márcia, tudo bem?

Sim, a tag <div> é mais genérica, enquanto a <section> é uma tag semântica, vale lembrar que ambas não possuem diferenças visualmente. A div você utiliza apenas para fins de estilos (como estilizar um bloco específico), quando não há nenhuma semântica por trás. Já a section foi desenvolvida para representar seções de um documento de uma forma semântica.

Espero ter ajudado, bons estudos!

Beleza, agora entendi, muito obrigada pelas respostas, Beatriz e Giovanna :D