Атрибут sizes

19.07.2011

Влад Мержевич

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS

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

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Указывает размер иконок для визуального отображения. Сама иконка может применяться браузером для отображения в адресной строке, при сохранении в избранное, а также поисковыми системами для придания наглядности результатам поиска (именно так поступает Яндекс).

Синтаксис

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

Значения

Вначале указывается ширина иконки в пикселах без указания единиц (например, 16), затем пишется латинская буква x в верхнем (X) или нижнем регистре (x), после чего идёт высота иконки. Если в файле хранится сразу несколько иконок, можно задавать их размеры через пробел. Ключевое слово any указывает, что иконка может масштабироваться в любой размер, к примеру, если она хранится в векторном формате SVG.

Значение по умолчанию

Нет.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег link, атрибут sizes</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>