Exercício: reestruturar divs em tags semânticas
Troque uma 'sopa de divs' por landmarks de verdade, sem mudar o conteúdo.
Estudar esta lição interativa →A página no editor foi montada só com <div>. Reescreva-a usando header (com um nav dentro), um único main, e footer, mantendo o mesmo conteúdo.
Troque as divs por header (com nav dentro), um único main e footer, mantendo os textos. O header e o footer ficam FORA do main, e não sobra nenhuma das divs de estrutura.
<div class="topo">
<div class="titulo">Jornal Diário</div>
<div class="menu"><a href="#inicio">Início</a></div>
</div>
<div class="conteudo">
<p>Manchete do dia.</p>
</div>
<div class="rodape">Contato: redacao@jornal.com</div>🧩 Este é um exercício com correção automática — abra no app para completá-lo e verificar.