category
¿Qué es el elemento figure?
check_circle
Elemento semántico que agrupa contenido con su leyenda
check_circle
Mejora la accesibilidad y el SEO
check_circle
Puede contener diversos tipos de contenido
Ejemplo de código básico:
<figure>
<img src="imagen.jpg" alt="Descripción">
<figcaption>Leyenda de la imagen</figcaption>
</figure>
El elemento figure agrupa la imagen con su leyenda
apps
Tipos de contenido admitidos
image
Imágenes
videocam
Videos
music_note
Audio
table_chart
Tablas
visibility
Ejemplo visual
image
Figura 1: Ejemplo de elemento figure con imagen
star
Beneficios del elemento figure
Accesibilidad
Los lectores de pantalla reconocen la relación entre el contenido y su leyenda
SEO mejorado
Los motores de búsqueda entienden mejor el contexto del contenido
Estilo consistente
Facilita aplicar estilos CSS uniformes a todas las figuras