Acredito que esta questão deveria ser para marcar 2 alternativas como corretas, os itens C e D.
Poderiam me explicar o pq do Item C não ser considerado correto?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Acredito que esta questão deveria ser para marcar 2 alternativas como corretas, os itens C e D.
Poderiam me explicar o pq do Item C não ser considerado correto?
Olá Pedro, tudo bem?
De fato, na alternativa C, trocar <div> por <section> é uma maneira de tornar um trecho do código mais semântico do que ele se encontra.
Entretanto, a pergunta da atividade é "Como podemos deixar mais semântico o nosso código da parte de projetos?" Ou seja, essa parte do código é composta de elementos que são referentes a uma imagem, um título da imagem e uma descrição da imagem. Veja o código abaixo:
E quando se trata de imagens, existem separadores que são destinados a esse tipo de elemento e que são bem mais semânticos que a<div> e também que a <section>, que apesar de ser mais semântica que a <div>, não é específica para imagens.
Dessa forma, para envolver e separar uma <img> e sjua legenda utiliza-se a<figure> , já os textos <h3> e <p> da legenda usa-se <figcaption> para dividir.
A tag <figure> especifica um conteúdo independente, como ilustrações, diagramas, fotos, listagens de código, etc. Já a <figcaption> define uma legenda para um elemento <figure> .
Espero ter ajudado, abraços!