1
resposta

Por que a Alternativa C também não estaria correta?

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?

1 resposta

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:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software