Атрибут srcset элемента HTML <source>

HTML <source> тег

Определение и использование

srcset Атрибут определяет URL изображения, используемого в различных ситуациях.

Когда используется атрибут <source> для <picture> В этом случае свойство обязательно.

Пример

Элемент <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>

Попробуйте сами

Синтаксис

<source srcset="URL">

Значение атрибута

Значение Описание
URL

Определяет URL изображения.

Возможные значения:

  • Абсолютный URL - указывает на другой сайт (например, href="http://www.example.com/flower.jpg")
  • Относительный URL - указывает на файл в пределах сайта (например, href="flower.jpg")

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

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

HTML <source> тег