Só uma dúvida boba: o mais correto semanticamente não seria encapsular as imagens numa tag figure?
Só uma dúvida boba: o mais correto semanticamente não seria encapsular as imagens numa tag figure?
Olá, estudante!
A sua dúvida é muito válida. No contexto do código que você compartilhou, a div.img-container poderia sim ser substituída por uma tag figure. A tag figure é semanticamente mais adequada quando estamos apresentando uma imagem ou ilustração, especialmente quando há uma legenda associada a ela.
No entanto, é importante lembrar que o uso de tags HTML é flexível e depende do contexto e da necessidade específica de cada projeto e é mais comum em projetos, não ter as tags figure. Se a div.img-container está sendo utilizada apenas para envolver a imagem, sem a necessidade de uma legenda ou qualquer outra informação adicional, então a div.img-container pode ser uma solução adequada.
Aqui está um exemplo prático de como você poderia utilizar a tag figure no seu código:
<figure class="card">
<img src="caminho-da-imagem.jpg" alt="Descrição da imagem">
<figcaption>Legenda da imagem</figcaption>
</figure>
No exemplo acima, a tag figure envolve a imagem e a legenda, tornando a estrutura mais semântica e facilitando a compreensão do conteúdo.
Espero ter esclarecido a sua dúvida! Se tiver mais alguma pergunta, é só me dizer. Bons estudos!
Espero ter ajudado e bons estudos!
Entendi. Obrigado!