Olá, Porque não se está a utilizar a tag main? Obrigado
Olá, Porque não se está a utilizar a tag main? Obrigado
hoje, com a Alura e o Google Gemini
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.