[Projeto] Primeiro contato com as tags semânticas | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Oiii Janaina!

Que legal que você está gostando de aprender sobre as tags semânticas. Realmente, elas são uma ótima forma de organizar e descrever o conteúdo do seu HTML, facilitando tanto para quem desenvolve quanto para os navegadores e motores de busca. As tags semânticas, como <header>, <main>, <footer>, <article>, <section>, entre outras, ajudam a estruturar o conteúdo de uma maneira mais clara e significativa.

Como relembrar é manter vivo na memória o que aprendemos, deixo abaixo um breve resumo de uso das tags semânticas:

<header>: Usada para definir o cabeçalho de uma página ou de uma seção. Pode conter elementos como logotipo, menu de navegação, etc
<main>: Representa o conteúdo principal do documento, que é único e central para o propósito da página
<footer>: Define o rodapé de uma página ou de uma seção, geralmente contendo informações de copyright, links de contato, etc
<article>: Representa um conteúdo independente que pode ser distribuído ou reutilizado, como um post de blog, uma notícia, etc
<section>: Utilizada para agrupar conteúdos tematicamente relacionados, como seções de um capítulo

Abraços e bons estudos!