Oi galera. Tava dando uma revisada nos conceitos de HTML aqui e observei que ficou uma dúvida: qual a diferença entre section e div? Eu posso trocar um pelo outro?
Solucionado
Oi galera. Tava dando uma revisada nos conceitos de HTML aqui e observei que ficou uma dúvida: qual a diferença entre section e div? Eu posso trocar um pelo outro?
hoje, com a Alura e o Google Gemini
Sem aprofundar muito, alguns elementos do HTML 5 tem função semântica.
1 Indexadores como o Google ou Yahoo! podem entender melhor a estrutura do site
2 Leitores automáticos de tela podem ler o conteúdo na ordem correta
3 O mesmo fonte pode ser apresentado em diferentes dispositivos sem alteração e sem gambiarras
4 E muito mais
Em resumo: Use
para representar uma seção genérica do documento. Pode aplicar estilos. Não use somente para formatar um bloco de texto.Documentacao
https://pt.stackoverflow.com/questions/17246/qual-a-diferen%C3%A7a-entre-div-e-section
https://cursos.alura.com.br/forum/topico-diferenca-entre-div-e-section-26972
Então, cheguei a ler esse mesmo artigo antes, mas fiquei na dúvida quanto ao conceito de "função semântica".
No mais, compreendi que "section" é usada para indicar uma sessão genérica, ao passo que a "div" é utilizada quando é preciso atribuir algum estilo específico em determinado elementos através do css. Está correto?
Nao.. Estilo em CSS ambos aceitam.
Basicamente semantica, eh deixar a Web mais acessivel por exemplo. Ou um Aplicativo.
Imagine para um Cego, como ele conseguiria entender uma pagina?
Entao semantica vai de encontro com essa parte de acessibilidade.
Caso precisar mais de algum material para leitura para ajudar na compreensão:
section : https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/section
div : https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/div
Espero que essa documentação ajude você.
Bons estudos.