Какой оптимальный синтаксис html-ссылки использовать для значков сайтов / избранных? - PullRequest
11 голосов
/ 16 сентября 2010

Что я должен использовать:

<link rel="SHORTCUT ICON" type="image/x-icon" href="favicon.ico" /> 

Или:

<link rel="icon" type="image/ico" href="favicon.ico" />

Я видел оба в использовании, и оба работают во многих современных браузерах - но который более последовательноподдерживается большинством браузеров?

Ответы [ 2 ]

27 голосов
/ 21 сентября 2010

ОК, разобрался сам ...

rel

<link rel="icon" будет работать в IE8, 9, FX и Chrome, но не в IE6 или7. rel="shortcut icon" поддерживается IE6 & 7.

Стандарты W3C устанавливают список, разделенный пробелами, и ключом является просто icon.Это означает, что shortcut icon работает во всех браузерах - неправильно обрабатывается IE и является составным ключом во всем остальном.

type

Все браузеры, по-видимому, принимают и обрабатываютФормат значков Windows для файла.

IE ожидает, что это будет использоваться как MIME-тип image/vnd.microsoft.icon, но, похоже, он работает последовательно только в том случае, если тип содержимого image/x-icon.

Все остальное ожидает image/ico, но в значительной степени игнорирует его.


Так что лучший формат:

<link rel="shortcut icon" href="favicon.ico" /> 

Однако, если в IE возникают проблемы с обработкой файла или ваш сервер не передает image/x-iconТип содержимого в заголовках может помочь указать ожидаемый тип IE:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 
1 голос
/ 07 сентября 2016

Мне надоело изменять размеры значков вручную, а затем пришлось создавать несколько тегов <meta> и <link> для каждого размера, а также использовать правильные теги шаблонов для веб-фреймворка, который я сейчас использовал.

Итак, я написал небольшой бесплатный инструмент для генерации всех правильных размеров, а также для генерации требуемой разметки. Проверьте это в https://favicongenerator.co

...