Атрибут sizes
Синтаксис
HTML
<head>
...
<link href="..." rel="icon"
sizes="[значение]">
...
</head>
Описание
Атрибут / параметр sizes
(от англ. "sizes" ‒ «размеры») задаёт размеры иконок для визуальных устройств.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
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 | |
1.1 |
Значения
В качестве значения данного параметра указывается значение, которое является неупорядоченным множеством уникальных разделённых пробелами лексем.
- 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>
<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)