Olá, queria saber a diferença de usar section e div, na aula falaram algo sobre semântica, mas não entendi direito. Se puder dar exemplos mostrando a diferença ficaria mais claro pra entender.
Solucionado
Olá, queria saber a diferença de usar section e div, na aula falaram algo sobre semântica, mas não entendi direito. Se puder dar exemplos mostrando a diferença ficaria mais claro pra entender.
Olá, Rodrigo!
A semântica no HTML pode ser um pouco confusa no início. Mas a diferença entre "section" e "div" está realmente na semântica, ou seja, no significado que cada um desses elementos carrega.
O "div" é um elemento genérico de container, que não carrega nenhum significado específico. Ele é usado principalmente para estilização (com CSS) ou como um container para scripts, mas isso cai no mundo do Javascript, não precisa se atentar.
Por exemplo:
<div id="meuDiv">
<p>Este é um parágrafo dentro de um div.</p>
</div>
Já o "section", é um elemento semântico que representa uma seção independente de um documento, aplicativo ou site, que tem um propósito comum.
Por exemplo:
<section>
<h1>Título da Seção</h1>
<p>Este é um parágrafo dentro de uma seção.</p>
</section>
Então, a principal diferença é que "section" tem um significado semântico, indicando que o conteúdo dentro dele forma uma seção lógica do documento, enquanto "div" é apenas um container genérico.
Ou seja, dentro do <body>(Corpo) a sessão representa o braço, por exemplo, o <footer> os pés, o <header> a cabeça, mas a div digamos que é um membro adicional nesse corpo por isso ele é genérico e é claro nesse corpo pode ter uma infinidade de membros, mas ele não é semântico, então dentro do <footer> é de se esperar determinadas funções ou conteúdo, e por ai vai, já na div não temos essa organização, "mas da para fazer uma página só com divs?", sim, eles são membros desse corpo, mas por uma questão de organização legibilidade e até ao evoluirmos no mundo de desenvolvimento web, vemos que utilizar de tags semânticas ajudam ferramentas de buscas a acharem e recomendarem seu site, e por questões de acessibilidade, por isso aprender e utilizar é muito importante numa perspectiva profissional.
Espero ter ajudado e 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!