Что такое rel=apple-touch-icon?

Запись rel=apple-touch-icon определяет картинку/иконку на устройствах Apple, которая определяет данный сайт или страницу.

HTML-страница и логотип Apple

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

<link rel="apple-touch-icon" href="/custom_icon.png">

Приведенный выше код означает:

  • Для данной страницы определена иконка
  • Иконка расположена по адресу "/custom_icon.png"

Где используется данный код?

В тэге head документа.

Цель

Основная цель применения записи rel=apple-touch-icon – это обозначение иконки/логотипа для страницы.

Ее функцию можно также сравнить с Favicon для операционной системы Windows, которые присваиваются закладкам, ссылкам, сохраненным страницам.