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?
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!