Атрибут HTML <source> srcset
Пример
Элемент <picture> с двумя исходными файлами и резервным изображением:
<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>
Определение и использование
Атрибут srcsetуказывает URL-адрес изображения для использования в различных ситуациях.
Этот атрибут является обязательным при <source>использовании в
<picture>.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Attribute | |||||
|---|---|---|---|---|---|
| srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Синтаксис
<source srcset="URL">
Значения атрибутов
| Value | Description |
|---|---|
| URL | Specifies the URL of the image. Possible values:
|
❮ Тег HTML <source>