html тег <link> атрибут sizes


Атрибут sizes вказує розміри іконок для візуальних засобів масової інформації.

Цей атрибут використовується тільки якщо rel="icon".

автор: NagarD

Синтаксис

<link sizes="HeightxWidth|any">

Атрибут sizes може отримувати 2 значень:

HeightxWidth

Визначає один або кілька розмірів для зв'язаного значка. Висота і ширина значення відокремлюються одна від одної "х" або "X". Приклади: <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> (1 size) <link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"> (2 sizes)

автор: NagarD

any

Вказує, що значок може масштабуватися (як SVG-зображення). Приклади: <link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml">

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
0 0 0 0 0

Мобільних переглядачів ще не додано.

Приклади

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

sizes каже браузеру, під який розмір ця іконка — маючи кілька link rel="icon", він обере найдоречнішу для вкладки, закладок чи домашнього екрана. У демо нічого не малюється: атрибут працює у head справжньої сторінки.

<link rel="icon" href="/favicon.ico" sizes="16x16">
<link rel="icon" href="/img/logo.svg" type="image/svg+xml" sizes="any">
<p>Іконки видно на вкладці браузера, а не на сторінці.</p>
автор: NagarD

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


Атрибут sizes з’явився тільки у HTML5.

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



Коментарі

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

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

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

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

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

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

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

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

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

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

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