Атрибут srcset до HTML тега <img>

9 червня 2022 р.140

Зміст

Список з одного або декількох значень, розділених комами, що вказують набір можливих зображень для відображення у браузері. Кожен рядок може складатися з таких частин:

адреса зображення;
дескриптор ширини, який є цілим позитивним числом, за яким слідує w (наприклад: 600w); li>
дескриптор щільності пікселів, є позитивним десятковим числом, за яким відразу слідує х.

Кожний рядок у списку повинен містити обов'язково адресу та за бажанням дескриптор ширини або щільності пікселів. Якщо жодний дескриптор не заданий, то за замовчуванням він дорівнює 1x.

Браузер вибирає найбільш відповідне зображення зі списку, наприклад, враховуючи щільність пікселів пристрою, і відображає його.

Значення за замовчуванням

Ні.

Приклад

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>srcset</title>
</head>
<body> <img src="image/mushroom.jpg" srcset="image/mushroom_retina.jpg 2x" alt="">
</body>
</html>

Браузери


	13	38	25	9	38


	38	35	9.2

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузі ром не сприймається та ігнорується;
— при роботі можлива поява різних помилок або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується. container credit">

Автор та редактори

Автор: Влад Мержевич

Останнє змінення: 08.11 .2016

Редактори: Влад Мержевич