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:
|
1 2 3 |
<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:
|
1 2 3 4 |
<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: