Атрибут sizes

HTML5

Оновлено: 16.09.2022

Атрибут sizes

Вказує розмір іконок для візуального відображення. Сама іконка може застосовуватися браузером для відображення в адресному рядку, при збереженні до обраного, а також пошуковими системами для надання наочності результатам пошуку (саме так роблять пошуковики).

Синтаксис

<link rel="icon" sizes="<ширина>X<высота>"> <link rel="icon" sizes="<ширина1>X<висота1> <ширина2>X<висота2>* | any">

Значення

Спочатку вказується ширина іконки в пікселах без вказівки одиниць (наприклад 16), потім пишеться латинська літера x у верхньому (X) або нижньому регістрі (x), після чого йде висота іконки. Якщо у файлі зберігається кілька іконок, можна задавати їх розміри через пробіл. Ключове слово any показує, що іконка може масштабуватися будь-який розмір, наприклад, якщо вона зберігається у векторному форматі SVG.

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

Немає.

Приклад

<!DOCTYPE HTML>
<html>
  <head>
   <metacharset="utf-8">
   <title>link, sizes attribute</title>
   <link rel="icon" href="images/android.ico" sizes="48x48" type="image/x-icon">
   <link rel="icon" href="images/android.png" sizes="16x16" type="image/png">
</head>
  <body>
   <p>...</p>
  </body>
</html>

Браузери

link: sizes

Переглянути сумісність з Can I use?

link: sizes