Element HTML picture
jest kontenerem reprezentującym zasoby graficzne do wykorzystania na stronie przez przeglądarkę internetową w zależności od różnych czynników, takich jak szerokość ekranu, gęstość pikseli ekranu, format graficzny obrazu itd.
Sam element picture
nic konkretnego nie znaczy i służy tylko jako kontener do przechowywania elementów source
oraz elementu img
, reprezentujących różne zasoby przeznaczone dla różnych rodzajów mediów.
Ostatnim dzieckiem elementu picture
powinien być element img
, który zostanie wykorzystany przez przeglądarki nieobsługujące elementu picture
i elementu source
.
Przykład użycia elementu HTML picture
<picture>
<source media="(max-width: 768px)" srcset="img/obraz-maly.png">
<source srcset="img/obraz-duzy.png">
<img src="obraz.png">
</picture>
Atrybuty obowiązkowe
Element picture
nie ma atrybutów obowiązkowych.
Atrybuty opcjonalne
Element HTML picture
obsługuje atrybuty globalne i atrybuty zdarzeniowe.