English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El elemento <figure> de HTML representa un contenido independiente, a menudo utilizado con la descripción (caption) <figcaption> y como una unidad de referencia independiente. Cuando pertenece al flujo principal (main flow), su posición es independiente del cuerpo. Esta etiqueta se utiliza a menudo para imágenes, ilustraciones, tablas, fragmentos de código, etc., que cuando se transfieren a un apéndice u otra página no afectan al cuerpo.
Utiliza el elemento <figure> para marcar una imagen en un documento:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Base Tutorial Network(w3(codebox.com)</title> </head> <body> <figure> <img src="views.png" alt="views" width="304" height="228"> </figure> </body> </html>Prueba y observa ‹/›
IEFirefoxOperaChromeSafari
IE 9Firefox, Opera, Chrome y Safari admiten la etiqueta <figure>.
Nota:IE 8 o versiones anteriores de IE no admiten la etiqueta <figure>.
La etiqueta <figure> especifica un contenido de flujo independiente (imágenes, gráficos, fotografías, códigos, etc.).
El contenido del elemento <figure> debe estar relacionado con el contenido principal, y el elemento debe estar ubicado de manera independiente con respecto al contenido principal. Si se elimina, no debe afectar el flujo del documento.
Por lo general, <figure> es una imagen, ilustración, gráfico, fragmento de código, etc., que se menciona en el flujo principal del documento, pero puede moverse a otra parte del documento o al apéndice sin afectar el flujo principal.
Se puede asociar el título con el elemento <figure> insertando <figcaption> (como primer o último elemento hijo), el primer <figcaption> encontrado se muestra como el título de la imagen.
La etiqueta <figure> es una etiqueta de HTML 5 de las nuevas etiquetas.
Consejo:<figcaption> El elemento se utiliza para definir un título para el elemento <figure>.
Soporte de la etiqueta <figure> Atributos globales de HTML.
Soporte de la etiqueta <figure> Atributos de eventos de HTML.