Я ищу HTML5-код для встраивания фавиона для нескольких платформ - минималистичным способом.
Типичный код:
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/favicon.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Мой любимый код будет одной строкой:
<link rel="icon" href="/img/favicon.svg">
Что означает:
- Нет других форматов, просто SVG
- Нет атрибута "размеры", который не нужен для векторного графика
- Нет атрибута "тип", SVG должен быть распознан без такого объявления
- SVG не должен находиться в корневой папке
Мои вопросы:
- Какие браузеры / устройства не поддерживают следующее объявление?
<link rel="icon" href="/img/favicon.svg">
- Если мобильные устройства Apple не поддерживают 1-е объявление: могу ли я использовать SVG для устройств Apple?
<link rel="apple-touch-icon" href="/img/apple-touch-icon.svg">
Другими словами:
Как я могу предоставить иконку SVG в виде «Favicon» и «Apple Touch Icon» в минималистском стиле?
Я не нашел учебник, в котором тестировались минималистичные объявления.
Спасибо за вашу помощь.