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>
….
No hay comentarios:
Publicar un comentario