Атрибут srcset

Описание

Изображения, которые должны использоваться в разных ситуациях.

В значение указывается:
- Адрес изображения
- Пробел
- Ширина картинки в пикселах. Эта настоящая ширина изображения, которая может быть просмотрена в свойствах картинки.

Синтаксис

<source sizes='размер'>

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<picture>
<source srcset='/files/images/regular/iconka.png, /files/images/regular/iconka2.png 2x' sizes='50vw'>
<img src='/files/images/regular/body-img.jpg' width='106' height='auto' alt='gki'>
</picture>
</body>
</html>
gki

Читайте также

Тег <base>. Атрибут target

Документ, расположенный по ссылке по умолчанию откроется в текущей вкладке. Это можно поменять с ...

Тег <thead>. Атрибут valign

Выравнивание содержимого ячеек по вертикали.

Тег <th>. Атрибут axis

Группирует ячейки связанные между собой похожей информацией.

Тег <link>. Атрибут type

Указывает MIME - тип данных подключённого файла.

Тег <input>. Атрибут step

Устанавливает шаг изменения числа.