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>.
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает этот атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| srcset | 38.0 | Да | 38.0 | 9.1 | 25.0 |
Различия между HTML 4,01 и HTML5
Тег <source> является новым в HTML5.
Синтаксис
<source srcset="URL">
Значения атрибутов
| Значение | Описание |
|---|---|
| URL | Указывает URL-адрес изображения. Возможные значения:
|
❮ HTML <source> tag