🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <source> нужен для указания адреса картинок в теге <picture>, аудио в теге <audio> или видео в теге <video>. Он не используется как отдельный тег.

<audio>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  Ваш браузер не поддерживает аудиоэлемент.
</audio>

Для картинок:

<picture>
  <source media=""(min-width: 650px)" srcset="large-image.jpg">
  <source media=""(min-width: 465px)" srcset="medium-image.jpg">
  <img src="small-image.jpg" alt="Изображение">
</picture>

Атрибуты тега <source>:

  • type: Определяет формат мультимедиа ресурса, например video/mp4 или image/jpeg.
  • src: Указывает на конкретный мультимедийный файл.
  • srcset: Предоставляет разные версии изображения, обычно для разных разрешений экрана.
  • sizes: Определяет, какой размер изображения должен быть выбран в зависимости от размера экрана устройства.
  • media: Определяет условия (например, минимальная ширина экрана), при которых данный источник должен быть использован.
  • width и height: Указывают размеры мультимедиа ресурса.