Etiquetas de agrupación de contenido

figure

---

Con figure podremos encapsular elementos como listas , gráficos, imágenes…., representa a algún tipo de contenido que opcionalmente pueda tener una leyenda, encabezado o un texto asociado.

En conjunto a la etiqueta <figure> podemos añadirle en su interior otras dos etiquetas.

La etiqueta <legend> (conocida de HTML4.01) o figcaption, que veremos la manera de utilizarla próximamente, pero no necesariamente se deben utilizar todas juntas.

Su sintaxis seria la siguiente:

<figure>….</figure>

Ejemplo:

….
<figure>
/*La etiqueta legend funcionaria como encabezado de una lista*/
<legend>Menu usuarios</legend>
<ul>
<li><a href=”#”>Mi muro</a></li>
<li><a href=”#”>Mi muro</a></li>
<li><a href=”#”>Mi muro</a></li>
</ul>
</figure>
….

Ejemplo:

….
<figure>
<img src=”imagen.jpg” />
</figure>
….

figcaption

---

La etiqueta figcaption la utilizaremos dentro de la etiqueta <figure>, en ella pondremos el texto relacionado con la imagen, grafico o etiqueta que contenga <figure>.

Su sintaxis seria la siguiente:

<figure>
<figcaption>….</figcaption>
</figure>

Ejemplo:

….
<figure>
<img src=”imagen.jpg” />
<figcaption>
Pie de foto
</figcaption>
</figure>
….