Olá! Espero que esteja bem!
Fiquei com duas dúvidas:
Primeira - Como funciona a hierarquia das classes criadas dentro do Class? Na aula foi utilizada
<div class="Container Principa"l>
</div>
No caso seria a memsa coisa de fazer
<div class="Container">
<div class="Principal"</div>
</div>
?
Segunda - Qual a diferença entre usar section e div? Quando devemos separar um conjunto do código por section e por div?
Agradeço desde já!
hoje, com a Alura e o Google Gemini
Olá, Julio!
Quando você escreve <div class="Container Principal">, está aplicando duas classes ao mesmo elemento. Isso significa que o elemento <div> terá os estilos de ambas as classes, "Container" e "Principal". Não há uma hierarquia entre essas classes; elas são simplesmente aplicadas juntas ao mesmo elemento.
Quanto a diferença entre <section> e <div>:
A tag <div> é uma tag genérica usada para agrupar elementos, sem significado semântico. É útil para contêineres neutros.
A tag <section>, por sua vez, é semântica e define partes do documento, como capítulos e cabeçalhos. Usar <section> torna o HTML mais acessível e compreensível para desenvolvedores e buscadores.
Utilize <section> para partes distintas do conteúdo, como seções de um artigo, e <div> para contêineres sem significado específico.
Também é válido ler a documentação sobre ambas:
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!