Atrybut srcset elementu HTML <source>

Tag HTML <source>

Definicja i użycie

srcset Atrybut określa URL obrazu używanego w różnych sytuacjach.

Kiedy używa się <source> do <picture> W tym przypadku atrybut jest obowiązkowy.

Przykład

Element <picture> zawierający dwa pliki źródłowe i obraz rezerwowy:

<picture>
  <source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
  <source media="(min-width:465px)" srcset="img_white_flower.jpg">
  <img src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>

Spróbuj sam

Gramatyka

<source srcset="URL">

Wartość atrybutu

Wartość Opis
URL

Określa URL obrazu.

Możliwe wartości:

  • Adres URL absolutny - wskazuje na inny serwer (np. href="http://www.example.com/flower.jpg")
  • Adres URL relatywny - wskazuje na plik wewnętrzny strony (np. href="flower.jpg")

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 13.0 38.0 9.1 25.0

Tag HTML <source>