Ejemplo
Cómo utilizar la etiqueta
Inténtalo tú mismo »
Definición y uso
los <picture> La etiqueta ofrece a los desarrolladores web más flexibilidad a la hora de especificar recursos de imágenes.
El uso más común del <picture> El elemento será para la dirección de arte en diseños receptivos. En lugar de tener una imagen que se escala hacia arriba o hacia abajo según el ancho de la ventana gráfica, se pueden diseñar varias imágenes para llenar mejor la ventana del navegador.
los <picture> El elemento contiene dos etiquetas: una o más etiquetas.
El navegador buscará el primer elemento es obligatorio como último hijo del
<picture> elemento, como una opción de respaldo si ninguna de las etiquetas de origen coincide.
Propina: los <picture> El elemento funciona de manera «similar» a
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| 38,0 | 13,0 | 38,0 | 9.1 | 25,0 |
Atributos globales
los <picture> La etiqueta también admite los atributos globales en HTML.
Atributos de eventos
los <picture> La etiqueta también admite los atributos de eventos en HTML.
páginas relacionadas
Tutorial HTML: Elemento
Tutorial CSS: Diseño Responsive CSS – Imágenes