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

9 червня 2022 р.119

Зміст

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

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

Кожний рядок у списку повинен містити принаймні дескриптор ширини або щільності пікселів.

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

Атрибут srcset має ефект лише тоді, коли елемент <source> розташований безпосередньо всередині елемента <picture>.

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

Ні.

Приклад

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>srcset</title>
</head>
<body> <picture> <source srcset="image/mushroom_landscape.jpg, image/mushroom_retina.jpg 2x" media="(min-width: 60em)"> <img src="image/mushroom.jpg" alt="">
</picture>
</body>
</html>

Браузери


	13	38	25	9	38


	38	35	9.2

Браузери

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

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

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

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

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

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

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