/html/link/sizes:> Размеры иконки_

Атрибут sizes

Синтаксис

HTML
<head>
  ...
  <link href="..." rel="icon"
        sizes="[значение]">
  ...
</head>

Описание

Атрибут / параметр sizes (от англ. "sizes" ‒ «размеры») задаёт размеры иконок для визуальных устройств.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 Link: LINK
3.2 LINK
4.01 12.3 Document relationships: the LINK element
5.0 4.8.4.5 Link type "icon"
The sizes attribute...
5.1 4.8.6.5. Link type "icon"
The sizes attribute...
XHTML
1.0 Extensible HyperText Markup Language
1.1 Extensible HyperText Markup Language

Значения

В качестве значения данного параметра указывается значение, которое является неупорядоченным множеством уникальных разделённых пробелами лексем.

any
Указывает, что ресурс содержит масштабируемую иконку (например, как это предусмотрено SVG изображением).
<размер>
Указывает точный размер иконки. Размер указывается в формате «<ширина><разделитель><высота>», где
  • <ширина> ‒ ширина иконки (вычисляется в пикселях) представленная в виде действительного целого неотрицательного числа (без начального символа «0» АРАБСКОЙ ЦИФРЫ НОЛЬ [U+0030]);
  • <разделитель> ‒ символ разделителя представленный в виде символа СТРОЧНОЙ ЛАТИНСКОЙ БУКВОЙ «х» [U+0078] или в виде символа ПРОПИСНОЙ ЛАТИНСКОЙ БУКВЫ «Х» [U+0058];
  • <высота> ‒ высота иконки (вычисляется в пикселях) представленная в виде действительного целого неотрицательного числа (без начального символа «0» АРАБСКОЙ ЦИФРЫ НОЛЬ [U+0030]).

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр sizes (Элемент link)</title>
<link href="/favicon.ico" rel="icon" sizes="16x16 24x24 32x32 48x48 256x256">
</head>
<body>
<h1>Пример использования атрибута "sizes"</h1>
<p>В этом примере для иконки данной страницы задано несколько размеров.</p>
</body>
</html>
Параметр sizes (Элемент link)