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

Section

Na aula, os professores querem separar o texto da imagem, no contexto de flexbox. Tentando achar a solução sozinho, eu havia pensado em por o texto dentro de uma DIV, porém, os professores usaram uma section. Gostaria de saber a diferença de um ou de outro e se haveria prejuízo se eu houvesse usado a DIV.

1 resposta
solução!

Oi Rodrigo, tudo bem?

Ótima pergunta! A diferença entre a tag <div> e a tag <section> está principalmente relacionada ao significado semântico do conteúdo que você está estruturando.

A tag <div> é uma divisão genérica que é usada para agrupar elementos e criar blocos de conteúdo. Ela não tem um significado específico e é amplamente utilizada para estilização e organização de elementos.

Por outro lado, a tag <section> é usada para agrupar conteúdos relacionados semanticamente, ou seja, conteúdos que fazem parte de uma mesma seção ou tema. Ela é mais específica e ajuda a transmitir a estrutura e o significado do seu conteúdo para os mecanismos de busca e leitores de tela.

No caso específico de separar o texto da imagem usando flexbox, tanto a <div> quanto a <section> podem ser utilizadas. A escolha entre elas vai depender do contexto e do significado do conteúdo que você está estruturando. Se o texto e a imagem fazem parte de uma mesma seção ou tema, a tag <section> pode ser mais adequada. Porém, se não há uma relação semântica específica entre eles, a tag <div> pode ser utilizada sem prejuízo.

Espero ter ajudado.

Um abraço.