Html figcaption

Html figcaption para que serve ?

O Elemento HTML figcaption representa uma legenda ou uma legenda associada com uma figura ou ilustração descrita pelo resto dos dados do elemento (<figure> </figure>) que seu elemento pai.

Como utilizar os elementos semânticos figure e figcaption?

Primeiro temos que vamos falar de figure, este serve para exibirmos imagens nas páginas HTML de forma semântica

Dentro da tag <figure>, inserimos uma tag <img> com a imagem e opcionalmente uma tag <figcaption> com a descrição/legenda da imagem

Use um elemento <figure> para marcar uma foto em um documento e um elemento <figcaption> para definir uma legenda para a foto.

Veja o Exemplo na Prática!

<figure>
  <img src="loopnerd.jpg" alt="Logo Loop Nerd">
  <figcaption>Loop Nerd - Códigos Html Prontos</figcaption>
</figure>

Neste outro artigo veja mais Sobre:

Tag – Figure Html