html5 и фавикон

[Evkaky]

Так уж принято в интернете, что большинство источников передирают контент друг у друга, и как правило, не дополняя и не изменяя его. Вот я по запросу "как добавить фавикон" во многих источниках нашел одно и тоже:

добавить вот это в хеад и всё:

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

Вопросы:

1) на кой их (тегов link) 2 штуки? (подозреваю, что вторая строчка нафиг ненужна)

2) в хтмл5 в <link> с нужным rel, который для фавиконки, можно не указывать type="image/x-icon"?

3) как я понял, фавиконку можно подсунуть в любом из 3 форматах: jpeg, png, ico, да?

Edited January 2, 2014 by Evkaky

[Radiocity]

Несколько записей с указанием type и rel делается для кроссбраузерности и валидности. Подсунуть можно любой формат, но не во всех браузерах будет отображаться. Предпочтительнее использовать ico.

Вот пример из последнего проекта:

<link rel="shortcut icon" href="/theme/images/icons/favicon.ico" type="image/x-icon" /><link rel="apple-touch-icon" href="/theme/images/icons/apple-touch-icon.png" /><link rel="apple-touch-icon" sizes="57x57" href="/theme/images/icons/apple-touch-icon-57x57.png" /><link rel="apple-touch-icon" sizes="72x72" href="/theme/images/icons/apple-touch-icon-72x72.png" /><link rel="apple-touch-icon" sizes="76x76" href="/theme/images/icons/apple-touch-icon-76x76.png" /><link rel="apple-touch-icon" sizes="114x114" href="/theme/images/icons/apple-touch-icon-114x114.png" /><link rel="apple-touch-icon" sizes="120x120" href="/theme/images/icons/apple-touch-icon-120x120.png" /><link rel="apple-touch-icon" sizes="144x144" href="/theme/images/icons/apple-touch-icon-144x144.png" /><link rel="apple-touch-icon" sizes="152x152" href="/theme/images/icons/apple-touch-icon-152x152.png" />

Edited January 2, 2014 by Radiocity

[iKNG]

1 и 2 - как сказал Radiocity, кроссбраузерность не помешает.

3 - насколько я знаю, поддерживается только ico и gif (последняя - для анимации иконки и работает только в новых версиях Firefox).

И, кстати, 2 и 3 противоречат. Раз иконка может быть в нескольких форматах, MIME тоже может быть разное, следовательно, его надо указывать.