Alfabetyczny spis tagów HTML
Znacznik picture zapewnia programistom sieci web większą elastyczność w określaniu zasobów obrazu.
Element picture będzie najczęściej używany do kierowania grafiką w responsywnych projektach. Zamiast jednego obrazu, który jest skalowany w górę lub w dół w zależności od szerokości widocznego obszaru, można zaprojektować wiele obrazów, aby ładniej wypełniały obszar przeglądarki.
Element picture zawiera dwa tagi: jeden lub więcej tagów source i jeden tag img.
Przeglądarka wyszuka pierwszy element source, w którym zapytanie o media odpowiada aktualnej szerokości okna, a następnie wyświetli odpowiedni obraz (określony w atrybucie srcset). Element img jest wymagany jako ostatnie dziecko elementu picture, jako opcja rezerwowa, jeśli żaden ze znaczników źródłowych nie pasuje.
Tip: element picture działa „podobnie” do elementów video i audio. Skonfigurujesz różne źródła, a pierwszym, które pasuje do preferencji, jest to, które jest używane.
Tip: niektóre przeglądarki nie wspierają jeszcze nowoczesnego formatu .webp dla obrazów. Moźna wówczas użyć właśnie znacznika picture, w którym podany będzie alternatywny format zdjęcia (patrz przykład).
Tag picture obsługuje również atrybuty globalne w HTML.
Element ( tag) | ![]() |
![]() |
![]() |
![]() |
![]() |
picture | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Opinie umieszczone w Google są niezależne. Nie ma możliwości ich usunięcia, czy też zmiany treści. Można na nie jedynie odpowiedzieć. Są one wiarygodne, gdyż nie można nimi manipulować.
Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe | Mapa strony | Polityka prywatności
Marynarska 54, 59-220 Legnica,, dolnośląskie, Polska,
tel.: +48 780 060 995,
pon. - czw. 8:00 - 16:00