Solucionado
<a href="#">Leia mais</a>
<footer>Tags: <a href="#">design responsivo</a>, <a href="#">mobile</a>, <a href="#">css</a></footer>Boa noite! Eu fiquei com uma dúvida na tag footer, ela é usada apenas para rodapé? Porque nesse caso, no código acime, ela foi usada no meio do texto. Acho que a função não ficou muito clara para mim! Muito obrigada pela atenção!
hoje, com a Alura e o Google Gemini
Boa noite, Maria! Tudo bem com você? =)
A tag <footer>, assim como a <header> possui a semântica de ser o rodapé do conteúdo - no caso do header, de ser o cabeçalho. Repare que quando digo conteúdo, não necessariamente à página toda! Por exemplo, imagine uma página de notícias. Você tem um título, o conteúdo referente ao artigo e pode ser que você tenha algumas categorias ao final dele... Faz sentido? Assim, o código ficaria algo semelhante a isso:
<article>
<header>
<p>...</p>
</header>
<section>
<p>...</p>
<p>...</p>
</section>
<footer>
<p>...</p>
</footer>
</article>Veja que temos um <header> e um <footer> dentro de um <article>! Ainda assim, poderíamos ter outras tags dessas diretamente no <body>:
<body>
<header>
// Cabeçalho da página...
</header>
<main>
<article>
// Article com header e footer...
</article>
</main>
<footer>
// Cabeçalho da página...
</footer>
</body>Consegui tirar sua dúvida? Espero que sim, mas se ainda tiver qualquer dúvida, não deixe de postar aqui no fórum para que possamos ajudá-la! =)
Abraço e bons estudos,
Fábio
Muito obrigada!!! Agora está 100% claro! Valeu demais! Boa noite!