Solucionado
Olá, estou montando um site usando html 5, porém estou com dúvida se estou usando section, article ou divs no lugar certo. Segue link do desenho do layout com a estrutura que fiz:
https://www.dropbox.com/s/3baefkyra5g76xu/divisao.png?dl=0
Essa é a melhor divisão do conteúdo possível? Quando usar section e quando usar article?
Olá Samyr! É isso aí, a divisão que você colocou está bem semântica. É importante entender a diferença entre estes termos para utilizarmos os mesmos corretamente.
Dá uma olhada nestes links abaixo que lá está bem detalhado quando usar um e quando usar outro:
https://tableless.com.br/sections-html5/
https://tableless.com.br/section-elemento-article/
Abraços e sucesso nos estudos!
Obrigado André...Aproveitando esse mesmo layout eu gostaria da sua opinião com relação ao seguinte. A cada section eu coloquei uma div (id="wrapper") que é responsável por centralizar o conteúdo existente na section.
<section id="banner">
<div class="wrapper">
<h2><strong>Aprenda</strong><br/>
com os melhores</h2>
<a href="#" class="button-1">Comece Agora</a>
</div>
</section>
<section id="primary-content">
<div class="wrapper">
<h3>Heard Enough?</h3>
<p class="font-white">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod leo a nibh dignissim tincidunt. Nam ultricies odio ac neque suscipit volutpat. Ut dictum adipiscing felis sed malesuada. Integer porta sem nec nibh hendrerit imperdiet. </p>
<a href="#" class="button-3">Faça já a sua matrícula</a>
</div>
</section>
<section id="primary-content">
<div class="wrapper">
<h3>Alavanque a sua carreira</h3>
<p class="font-white">Esses e muitos outros alunos conheceram e recomendaram. Invista na sua carreira também!</p>
<a href="#" class="button-3">Conheça todos os nossos cursos</a>
</div>
</section>
.wrapper {
margin: 0 auto;
padding: 0 10px;
width: 940px;
}Eu gostaria de saber se essa é a melhor forma de fazer ou se teria uma outra mais usual e que não exija repetir tanto a div wrapper.
Eu gostaria de saber se essa é a melhor forma de fazer ou se teria uma outra mais usual e que não exija repetir tanto a div wrapper.
Samyr, realmente não temos como fugir dessa repetição da classe wrapper. Mas uma forma mais elegante de fazermos essa centralização é com o Flexbox. No curso do Alura com o link abaixo há um capítulo totalmente dedicado a ele, vale a pena dar uma olhada:
https://cursos.alura.com.br/course/avancando-html-css
Também dá um olhada neste artigo:
https://tableless.com.br/centralizando-conteudo-na-vertical-e-horizontal-com-css-flexbox/
Abraços!
Olá Samyr! Se sua dúvida foi tirada, marque o tópico como solucionado. Assim, você ajuda outros colegas com a mesma dúvida.
Abraços!