O que é div? Uma aula antes do exercício nós não vimos ele porem aparecu nesse e exercício e nao sei em que contexto ele é utilizado, pensei que eu poderia usar o main para colocar o conteúdo principal, o h1, p ....
Solucionado
O que é div? Uma aula antes do exercício nós não vimos ele porem aparecu nesse e exercício e nao sei em que contexto ele é utilizado, pensei que eu poderia usar o main para colocar o conteúdo principal, o h1, p ....
hoje, com a Alura e o Google Gemini
Oi Gabriella!
A <div> é uma tag HTML genérica que serve para agrupar outros elementos e criar seções na página. Ela não tem significado semântico específico, ao contrário de tags como <header>, <main>, <footer>, <article>, etc. Por isso, é comum usá-la quando precisamos de um contêiner para aplicar estilos CSS ou scripts JavaScript.
Por exemplo, digamos que você queira agrupar um título e um parágrafo para aplicar um estilo específico. Você poderia fazer algo assim:
<div class="meu-conteudo">
<h1>Meu Título</h1>
<p>Este é um parágrafo dentro da div.</p>
</div>
No seu exercício, você mencionou que precisa usar tags semânticas como <main>, o que é ótimo para a estrutura e acessibilidade da página. No entanto, a <div> ainda pode ser útil dentro dessas tags semânticas para agrupar elementos que precisam de estilos ou scripts específicos. Por exemplo:
<main>
<div class="portfolio-section">
<h1>Portfólio</h1>
<p>Bem-vindo ao meu portfólio!</p>
<img src="minha-imagem.jpg" alt="Minha imagem">
<a href="https://github.com/meu-perfil">GitHub</a>
<a href="https://instagram.com/meu-perfil">Instagram</a>
</div>
</main>
Aqui, a <div class="portfolio-section"> agrupa todos os elementos relacionados ao portfólio, permitindo que você aplique estilos específicos a essa seção.
Caso você queria ler mais sobre, indico esse artigo: O que é HTML e suas Tags.
Um abraço e bons estudos.
Obrigado Lorena !! Me ajudou muito sua explicação ,e irei aplicá-las em meus projetos que em breve irei postar aqui na rede .