1
resposta

[Dúvida] <div> ou <section> ?

Olá pessoal! Essa deve ser uma das perguntas mais iniciante de todas kkk Quando usamos

e quando usamos ? Existe alguma situação que devemos observar pra saber quando aplicar uma ou outra?

Vlw!

1 resposta

Oi Lucas,

Essa é uma dúvida super comum no início, e é ótimo que você esteja se questionando sobre isso! 👍

A principal diferença entre <div> e <section> está no seu significado semântico.

  • <div> é um elemento genérico, um "container" sem significado específico. Use quando você precisa agrupar elementos para aplicar estilos ou scripts, mas sem que essa divisão tenha um papel importante no conteúdo em si.

  • <section> representa uma seção temática de conteúdo em um documento. Use quando você tem um agrupamento de conteúdo que faz sentido como uma unidade, como um capítulo de um livro, uma aba em uma interface, ou um bloco de artigos relacionados.

Exemplo prático:

Imagine uma página de blog. Você poderia usar:

  • <div> para agrupar elementos dentro de um artigo, como o título, parágrafos e imagens, para aplicar um estilo específico.
  • <section> para cada artigo individual na página, pois cada um representa uma seção de conteúdo distinta.

Em resumo, pense em <section> como um "capítulo" do seu conteúdo, enquanto <div> é apenas um "container" genérico. Usar a tag correta ajuda a organizar melhor seu código e facilita a acessibilidade e SEO. 💻

Para saber mais: HTML Semântico

Continue explorando e questionando, essa é a melhor forma de aprender! 🤔

tux matrix Caso este post o tenha ajudado, marque-o como solucionado ☑️. Bons Estudos! 🤓