En este tutorial veremos los conceptos básicos de la etiqueta figure de HTML. La etiqueta figure es una etiqueta semántica que se suele utilizar cuando quieres mostrar la descripción de alguna imagen. Es por ello, que resulta muy habitual el uso de esta etiqueta junto con la etiqueta img.
La etiqueta figure se suele utilizar para encapsular otros elementos, que habitualmente son una imagen y un texto que se escribe en el interior de la etiqueta figcaption. Siguiendo este esquema, aquí tienes un ejemplo:
<figure>
<img src="persona.jpg" alt="Una persona">
<figcaption>Imagen de una persona</figcaption>
</figure>Como ves, la etiqueta figure contiene una imagen, representada mediante la etiqueta img, y un texto, contenido en el interior de la etiqueta figcaption.
Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.
