Já tive contato com alguns outros códigos e existem alguns dev's que optam por usar a tag <main> </main> adentro da tag <body> </body>. É recomendado usar este modelo? Se sim, qual seria a melhor situação de se usar? Pois não vejo sentido acrescentar mais uma tag que cumpre, com semelhança, a mesma função que a anterior propõe.
Oi, Alexandre, tudo bem?
A tag <body> é um container que engloba todo o conteúdo visível de uma página web. Já a tag <main> é usada especificamente para indicar o conteúdo principal do documento. Isso ajuda os leitores de tela e outros assistentes tecnológicos a identificar rapidamente a parte mais importante da página, facilitando a navegação para usuários com deficiência visual, por exemplo.
Um exemplo prático de uso da tag <main> pode ser visto em um layout de página típico, onde você tem um cabeçalho (<header>), um conteúdo principal (<main>), e um rodapé (<footer>). Dentro do <main>, você colocaria todos os elementos que são centrais para o entendimento da página, como artigos, listas de produtos, serviços oferecidos, etc. Aqui está um exemplo simples:
<body>
<header>
<!-- Cabeçalho da página -->
</header>
<main>
<!-- Conteúdo principal da página -->
<article>
<h1>Título do Artigo</h1>
<p>Texto do artigo...</p>
</article>
</main>
<footer>
<!-- Rodapé da página -->
</footer>
</body>
Neste caso, a tag <main> ajuda a definir claramente qual parte do HTML é o foco principal daquela página, melhorando a estrutura semântica do documento.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!