Атрибут 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='https://mfs.gki-webik.ru/s?path=/images/regular/iconka.png, https://mfs.gki-webik.ru/s?path=/images/regular/iconka2.png 2x' sizes='50vw'>
<img src='https://mfs.gki-webik.ru/s?path=/images/regular/body-img.jpg' width='106' height='auto' alt='gki'>
</picture>
</body>
</html>Читайте также
Тег <data>
Предназначено для внешних автоматизированных систем или скриптов на страничке, представляющее собой содержимое читаемое машинами.
В нем может хран...
Тег <embed>
Может встраивать на сайт различные файлы, изображения, видеоролики и даже сами сайты. Элемент похож на элемент iframe...
Тег <progress>
Используется для определения прогресса какой - либо задачи....
Тег <script>
Используется для подключения внешних JavaScript файлов к текущему документу или написания JavaScript кода внутри....