Element picture

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.

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz

4 + dziewiętnaście =