Olá, Porque não se está a utilizar a tag main? Obrigado
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!
Olá, Porque não se está a utilizar a tag main? Obrigado
Olá Andre, como voce deve saber a tag main é para o conteudo principal da pagina, imagino que no curso ele nao mostrou essa tag ainda, ou simplesmente nao colocou, indico para voce que coloque ela envolvendo o conteudo principal, pois aí vai ficar mais semantico e nao fara diferença no estilo da pagina.
Olá, em alguns cursos aqui na Alura eu vi uma divisao da página como a seguinte:
<body>
<header>
</header>
<main>
<section></section>
<section></section>
<section></section>
</main>
<footer>
</footer>
</body>Ou seja tudo o que não era do header e do footer estava encapsulado na main.
Isso não está certo? Neste caso o principal não é o banner?
Outra coisa que vi fazerem foi colocarem o logo do header encapsulado dentro de um h1. Nesta página deste curso ainda não temos um h1. Penso que o h1 deve ter o titulo principal do site e que devemos usar sempre para SEO.
Cumprimentos
A Tag main é uma tag semântica, importante para SEO bem como acessibilidade.
Como você mesmo escreveu: O body é o corpo da página, na verdade tudo que será exibido, essa tag é das antigas, desde o Tempos das Tabelas (primórdios do html), num mundo que não existia semântica.
No HTML5 foram introduzidas as tags semanticas que vc está utilizando ai:
header agrupa o conteúdo do cabeçalho, dependendo do seu layout pode haver links, h1, lista e imagens.
main envolve o conteúdo da página.
footer conterá os elementos que formam o seu rodapé.
Serão utilizados exatamente na ordem que escreveu, mas há páginas que podem não ter rodapé, ou seja não faz sentido (não é semântico) haver uma tag footer sem nada para colocar nela. Dependerá do layout.
section representa uma parte do seu site que o conteúdo não está completo ali, essa é uma tag complicada por causa da tradução do nome, ela pode confundir, mas basicamente pense no seguinte: se tiver um link que leva para ler mais a respeito, como saiba mais dentro tag quer dizer que ela é uma section e não um article.
article essa tag tem o conteúdo completo, também é fácil confundir, ainda mais porque se usa em artigos como a tradução da palavra diz, mas pense que ela é o oposto da section, caso vc não tenha um link para ler mais, caso o conteúdo possa ser lido na integra ali, ela é um article.
Semântica é um assunto complicado que cada layout te dará um desafio para que vá ficando cada vez mais claro, infelizmente não existe bala de prata, mas pode pesquisar e tirar suas conclusão a cada projeto que puder experienciar.