Ejemplo
Utilice un <figure> elemento para marcar una foto en un documento:
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
Inténtalo tú mismo " Definición y Uso
La <figure> etiqueta especifica el contenido en sí misma, como ilustraciones, diagramas, fotos, listados de código, etc.
Si bien el contenido de la <figure> elemento está relacionado con el flujo principal, su posición es independiente del flujo principal, y si se quita no debería afectar el flujo del documento.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <figure> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Diferencias entre HTML 4.01 y HTML5
La <figure> etiqueta es nueva en HTML5.
Notas y sugerencias
Consejo: La <figcaption> elemento se utiliza para añadir un título para el <figure> elemento.
Los atributos globales
La <figure> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <figure> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Figura Objeto
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <figure> elemento con los siguientes valores predeterminados:
Ejemplo
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
} Inténtalo tú mismo "