html5 - figcaption - img src size
¿cuál es el uso de la figura de HTML5 con img (3)
¿Hay alguna ventaja / uso específico de usar HTML5 <figure> sobre <img> ?
Creo que <figure> es inútil sin <figurecaption> , ¿no?
Será útil si explica con un ejemplo.
La etiqueta proporciona un contenedor para el contenido que es equivalente a una figura o diagrama en un libro. Se puede usar para agrupar un título con una o más imágenes, un bloque de código u otro contenido .
En otras palabras, nos permite trabajar de forma más libre y realista con imágenes, diagramas al permitir agruparlos y subtitular uno o imágenes con un solo título.
La figure HTML5 se usa siempre que utilice img, video etiqueta de img, video con caption (figcaption) en ella
Si tiene varias imágenes relacionadas (u otro contenido) con texto de leyenda, puede usar elementos de figura anidados para asociar un título de grupo y un título individual a cada instancia utilizando el elemento de figcaption .
<figure role="group">
<img src="castle-etching.jpg" alt="The castle has one tower, and a tall wall around it.">
<figcaption>Charcoal on wood. Anonymous, circa 1423.</figcaption>
</figure>
Las imágenes no se insertan técnicamente en una página HTML, las imágenes están vinculadas a páginas HTML. La etiqueta <img> crea un espacio de espera para la imagen a la que se hace referencia.
Si bien el contenido del elemento <figure> está relacionado con el flujo principal, su posición es independiente del flujo principal, y si se elimina, no debería afectar el flujo del documento.
El elemento img representa una imagen. y El elemento figura representa una unidad de contenido, opcionalmente con un título, que es independiente, que típicamente se referencia como una sola unidad del flujo principal del documento, y que se puede alejar del flujo principal del documento. documento sin afectar el significado del documento.