Div vs Section: ajudem-me a estar claro à diferença.

[snowstormdelivery 19]

As apostilas da W3C deixam bem claro as diferenças, assim como a documentação, porém, assistindo tutoriais, lendo blogs vejo uns coders utilizando de maneira inversa ao que é explícito, no manual.

Como eu estou aprendendo dev web, isso me deixa inseguro e pensando: será que é como ele está fazendo, mesmo, ou devo confiar no que já sei?

Já achei tópicos referentes às confusões em outros fóruns, porém, alguns argumentos contradizem a documentação, também! Estou criando este tópico, para tentarmos resolver isso de uma forma diferente: invés de falarmos só como usar, vamos dizer como utilizamos nos nossos próprios projetos e, se não concordarmos com a documentação ou com o colega de cima, vamos argumentar com coerência.

Lembrando:

1. Como usar cada um;
2. Exemplos de uso em nossos projetos;
3. Argumentos (se houver).

Com certeza, a maioria vai achar este tópico fútil, mas cedam-nos alguns minutos para responder e vamos ver os resultados.

[rikaschmitt 54]

Certo, as vezes fica um pouco confuso mesmo.

 

Vou deixar um modelo de como geralmente eu utilizo, talvez possa estar errado, mas foi a forma mais "correta" que encontrei.

<!-- HEADER -->
<header>
   ...
</header>

<!-- CONTEÚDO -->
<main>

   <!-- Cadastro de newsletter -->
   <section>
      ....
   </section>

   <!-- Lista de posts -->
   <section>
      ...
   </section>

</main>

<!-- FOOTER -->
<footer>
   ...
</footer>

Ou seja, utilizo o <section> para separar blocos de conteúdos do meu site, claro que dentro dos <section> eu utilizo <div> se for necessário e tudo mais. Foi uma alternativa bacana que encontrei para deixar o site mais estruturado e de fácil compreendimento do programador.