Чи потрібно включати <link rel = "icon" href = "favicon.ico" type = "image / x-icon" />?

205

У головному тезі я не включив наступний рядок коду, однак мій фавікон все ще з’являється у моєму браузері:

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

Яка мета включити його?

html favicon

— користувач784637
джерело

174

Якщо ви не зателефонували до фавікону, favicon.icoви можете скористатися цим тегом, щоб вказати фактичний шлях (якщо ви його маєте в images/каталозі). За favicon.icoзамовчуванням браузер / веб-сторінка шукають у кореневому каталозі.

— Брайан Грем
джерело

3

або якщо у вас немає файлу favicon.ico в кореневій папці, але, наприклад, у папці "Активи",

— Оновлення

121

Насправді вам слід зробити і те, і інше, щоб усі браузери знайшли значок.

Ім'я, що називає файл "favicon.ico" і введення його у корінь вашого веб-сайту, - це метод "відмовляти" від W3C:

Спосіб 2
. Цей метод працює, тому що деякі веб-переглядачі запрограмовані на пошук файлів, що використовують цей URI.
W3C - Як додати фавікон на свій сайт

Отже, для висвітлення всіх ситуацій я завжди роблю це на додаток до рекомендованого методу додавання атрибута "rel" та вказування на той самий файл .ico.

— сибур
джерело

8

Так, це більш правильна відповідь. Не існує стандартів, пов’язаних із простою введенням favicon.icoу корінь, але більшість браузерів автоматично запитає зазначений файл з історичних причин.

— Fabrício Matté

10

Власна причина цього не в тому, що він працює в деяких ситуаціях , а в тому, що кращий метод не працює в деяких ситуаціях

— Джаспер,

2

Цікаво, що realFaviconGenerator рекомендує не оголошувати фавікон у голові HTML.

— Дан Даскалеску

7

Internet Explorer винайшов фавікон і шукав його в корені. AFAIK, це роблять усі браузери. Ось чому я рекомендую вставити favicon.ico в корінь, тому що в іншому випадку він поверне 404, і більшість систем не кешують це ... тому він продовжує запитувати його. Покладіть туди значок, і він буде кешований належним чином.

— Штійн де Віт

50

Я використовую його з двох причин:

Я можу примусити оновити значок, додавши, наприклад, параметр запиту ?v=2. подобається це: <link rel="icon" href="https://stackoverflow.com/favicon.ico?v=2" type="image/x-icon" />
У випадку, якщо мені потрібно вказати шлях.

— нільси
джерело

Дивовижний, нарешті зрозумів, чому це не показується!

— whamsicore

Я впевнений, що це просто помилка друку, але у вас там є відносний href, це означає, що він не працюватиме, якщо всі ваші сторінки не знаходяться на найвищому рівні або у вас є файл favicon.ico у кожному підкаталозі.

— Кріс Когдон

FYI для пізніших читачів, коментар Кріса Когдона було виправлено в редакції "9 вересня 1616 о 5:05", тому більше не було проблем

— Дарин

13

Просте додавання його до кореневої папки працює після моди, але я виявив, що якщо мені потрібно змінити фавікон, оновлення може зайняти декілька днів ... навіть оновлення кешу не вийде.

— Ніколь
джерело

Не забувайте Ctrl-C & Rebuild.

— Джейсон Гласс

9

Багато людей встановлюють шлях до файлів cookie до /. Це призведе до кожного запиту favicon надсилати копію файлів cookie сайтів, принаймні, в хромі. Адресація вашого фавікону до вашого домену без файлів cookie має це виправити.

<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />

Залежно від того, скільки трафіку ви отримуєте, це може бути найбільш практичною причиною для додавання посилання.

Інформація про налаштування домену без файлів cookie:

http://www.ravelrumba.com/blog/static-cookieless-domain/

— user3907900
джерело