html тег <source> атрибут srcset


Атрибут srcset вказує одну або кілька адрес альтернативних зображень.

Якщо даний атрибут має рядок URL-адреси альтернативного зображення з дескриптором ширини, то в елементі також необхідно вказати атрибут «sizes», значенням якого повинен бути список допустимих розмірів джерела.

ebdcb229da2d5f26d0532fcfdb89157b.png

автор: с3с

Нотатка

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

автор: с3с

Синтаксис

<picture>


 <source srcset="...">


</picture>

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
38+ 38+ 9+ 25+ 13+ -
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
- 1+ 38+ 9.2+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HTML атрибута <srcset>

See the Pen source_srcset_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід