Para que serve o section no CSS?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Para que serve o section no CSS?
Oi, Geovane, tudo bem?
A tag section representa um elemento genérico na sua marcação html, uma seção que não tem uma definição específica como o nav, que representa um menu navegação, assim como a tag footer, que representa o rodapé da página. Então, utilizamos a section quando não temos uma tega tão específica que represente esse determinado elemento.
Um projetinho que estou fazendo, estou usando a section dentro da tag main para separar:
<main>
<section class="chamada container">
<h2 class="titulo">
Sua casa com as
<span class="titulo--destaque">melhores plantas</span>
</h2>
<p class="chamada__texto texto">
Encontre aqui uma vasta seleção de plantas para decorar a sua casa e torná-lo uma pessoa mais feliz no seu dia a dia. Entre com seu e-mail e assine nossa newsletter para saber das novidades da marca
</p>
</section>
</main>Nesse exemplo acima, eu utilizei a section para separar os elementos do site que não tem uma tag específica para elas.
Para saber mais aqui: https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/section