Etiqueta figcaption HTML5: Leyenda de la etiqueta figure

La etiqueta figcaption HTML5 es un texto que sirve indicar o añadir una explicación a la etiqueta figure, es decir, una leyenda.

El contenido de esta etiqueta debe estar relacionado con el contenido especificado en figure.

Sintaxis de la etiqueta figcaption HTML5

La sintaxis de esta nueva etiqueta HTML5 según su web oficial es la siguiente:

<figure>
    <figcaption>Texto explicativo<figcaption>
</figure>

Tal y como veis la sintaxis es sencilla, figcaption siempre debe estar dentro de la etiqueta figure.

Ejemplo de la etiqueta figcaption HTML5

Veamos este sencillo ejemplo para añadir una leyenda a la imagen especficada en la etiqueta figure:

<figure>
    <img src="urldelaimagen.jpg" alt="Texto alternativo" width="XXX" height="XXX">
    <figcaption>Texto explicativo de la imagen<figcaption>
</figure>

Nuevas etiquetas semánticas

En el siguiente post tenemos un listado de estas etiquetas:

• Las nuevas etiquetas semánticas de estructura HTML5