Оператор 1: <ссылка Rel = значок Shortcut href = favicon.ico />
Оператор 2 <ссылка rel = icon href = animated_favicon.gif type = image /gif />
Примечание. Значок ярлыка оператора - это значок, который появляется перед столбцом URL.
Вопрос: Какова функция значка утверждения 2? В чем разница между утверждением 1?
гид
В прошлом дизайнеры и разработчики веб -сайтов приняли множество методов для обеспечения появления Favicon. Трудно явно убедиться, что Favicon может отображаться на всех компьютерах, даже с одной и той же версией одного браузера.
Другое ограничение следующего кода заключается в том, что он ассоциирует Favicon с конкретным HTML или XHTML. Чтобы избежать этого, файл favicon.ico должен быть размещен в корневом каталоге. Большинство браузеров автоматически обнаруживают и используют его.
Рекомендуется включить следующие две строки кода HTML:
КОД:
<link rel = kortcut icon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
<link rel = icon href = http: //example.com/favicon.ico type = image/vnd.microsoft.icon>
Тем не менее, необходима только первая строка, потому что строка сочетания значков будет распознаваться большинством стандартных браузеров в качестве перечисления возможных ключевых слов (сочетание будет проигнорирован, и будут применяться только значки); и Internet Explorer будет использовать его в качестве отдельного имени (значок ярлыка). Результатом этого является то, что все браузеры могут понять этот код. Необходимо добавить вторую строку, только если вы хотите предоставить еще одно альтернативное изображение (например, анимированный GIF) для нового браузера.
В HTML элемент связи должен находиться в элементе головы (между <головой> и </head>).
Для xhtml ссылка должна использовать End (или>/link>) и не может использовать End.
Href может, но не указывать на местоположение /favicon.ico. Это может указывать на любой URL.
Изображения обычно могут использовать любой формат изображения, поддерживаемый браузером.
Формат файла .ico обычно можно прочитать всеми браузерами, которые могут отображать Favicon.
Настройка сервера для отправки правильного идентификатора MIME:
ICO File Image/vnd.microsoft.icon (или image/x-iCon также может использоваться по причинам совместимости. Однако лучше использовать тип зарегистрированного IANA, поскольку большинство основных браузеров теперь поддерживают его))
GIF -файл изображение/GIF
PNG -файл изображение/PNG
Используйте соответствующее разрешение и глубину цвета.
ICO: включает в себя несколько разрешений (чаще всего используются 16 × 16 и 32 × 32, Mac OS X иногда использует 64 × 64 и 128 × 128) и глубину битов (биты на пиксель) (в основном используйте 4, 8, 24 BPP, то есть 16, 256 и 16 миллионов цветов).
GIF: используйте 16 × 16, 256 цветов.
PNG: используйте 16 × 16, 256 цветов или 24 бита.
ПРИМЕЧАНИЕ. Когда Favicon.ico помещается в каталог корневых документов, он будет найден некоторыми браузерами, которые не обрабатывают элемент ссылки, даже если на вашем сайте нет ссылки на него.
стандартизация
Функция Favicon была впервые создана Microsoft, а веб -браузер Microsoft Internet Explorer запросит Favicon для каждого веб -сайта. Теги ссылок, поддерживаемые Microsoft, не соответствуют рекомендациям HTML по консорциуму Всемирного паутины (W3C, Консорциум World Wide Web), потому что:
Атрибут REL должен содержать список типов ссылок, которые используют пространства в качестве разделителей, поэтому тип ссылки, содержащий два слова, не может быть понят стандартными браузерами.
Тип файла .ico (формат растра для значков на Microsoft Windows) не имеет зарегистрированного типа MIME, и кажется, что его нельзя понять большинству браузеров в то время. Однако в 2003 году этот формат был зарегистрирован в IANA, и его тип MIME - Image/Vnd.microsoft.icon, что устраняет первую часть этой проблемы.
Использование зарезервированного местоположения на веб -сайте противоречит архитектуре Всемирной паутины, а также считается приседанием ссылок или приседанием URI.
Mozilla Browser добавляет поддержку Favicon с помощью метода, который соответствует веб -стандартам. Он требует значка REL = позволяет веб -дизайнерам добавлять Favicon в любом поддерживаемом формате изображения. Например <link rel = icon type = image/png href =/path/image.png>. Позже, учитывая, что эта функция будет использоваться для всего нового контента, большинство браузеров добавили поддержку этой функции.