Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

reebr

<figure></figure>

Por , em Desenvolvimento frontend

Recommended Posts

reebr    94

reebr
Postado

Muito se fala em semântica, semântica, semântica, semântica...

 

Supondo que eu queira colocar uma imagem na minha página, devo usar a tag figure?

Ou tanto faz colocar só a tag <img> ? Como o pessoal anda fazendo?

 

<!-- assim? -->
<body>
  <figure>
    <img src = "" alt = "">
  </figure>
</body>

<!-- ou assim? -->
<body>
  <img src = "" alt = "">
</body>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Se quer ser semântico você somente deve usar [inline]<figure>[/inline] em imagens (nesse caso, pois a tag figure também pode ser usada com pedaços de códigos por exemplo), quando a imagem não é necessária para entender o conteúdo da página, ou seja, ela pode ser removida, sem que o conteúdo original perca o sentido.

 

Em um blog por exemplo, você pode ter uma imagem para ilustrar determinada ideia presente no texto, mas mesmo removendo essa imagem, a ideia não perde o sentido, logo, você pode usar figure aí, e de preferência com uma legenda. ([inline]<figcaption>[/inline])

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito