<picture>
Multimedia
Permite elegir otra imagen según el tamaño de pantalla o el formato.
| Cómo se escribe | <picture></picture> |
|---|---|
| Etiqueta de cierre | </picture> |
| Elemento vacío | No, debe cerrarse |
| Atributos habituales | Ninguno en especial |
| Categoría | Multimedia |
Cómo leerlo
- La mayoría de etiquetas van en pareja, apertura y cierre. Solo las que no tienen contenido —img, br— quedan sin cerrar.
- Escribir </br> en un elemento vacío no sirve de nada: el navegador lo ignora o añade una línea en blanco.
- La apariencia es cosa del CSS. La etiqueta dice qué es algo; la negrita o la cursiva son la consecuencia.
- Elegir la etiqueta que encaja con el significado ayuda a buscadores y lectores de pantalla. Envolverlo todo en div tira esa información.
Preguntas frecuentes
Q. ¿Qué es la etiqueta HTML <picture>?
Permite elegir otra imagen según el tamaño de pantalla o el formato.
Q. ¿Cómo se escribe <picture>?
Así: <picture></picture>. La apertura <picture> se empareja con el cierre </picture>.
Q. ¿Qué atributos son habituales en <picture>?
Ninguno en especial. Siguen valiendo los atributos globales: class, id, style.
Q. ¿A qué grupo pertenece <picture>?
Al grupo multimedia.