Фавикон не отображается в IE и Chrome

Я действительно озадачен тем, почему мой значок не отображается ни в IE9, ни в Chrome. Однако в Firefox это отображается. Раньше я использовал фавиконки, и у меня никогда не было таких проблем, и мой код довольно тривиален:

<!DOCTYPE HTML>
<html>
<head>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>

</body>
</html>

Файл favicon.ico, который я использую, взят непосредственно из Википедии (в целях тестирования, чтобы убедиться, что это не ошибочный файл ICO) и помещен в ту же папку, что и HTML-файл. Пробовал очищать кеш браузера и перезапускать, ничего не помогает. Кроме того, это не на веб-сервере, я открываю HTML-файлы прямо из файловой системы.


google-chrome internet-explorer favicon
person jlh    schedule 13.09.2011    source источник

Ответы (5)


arrow_upward
1
arrow_downward

Также добавьте еще один тег, чтобы увеличить охват браузера:

<LINK REL="icon" HREF="favicon.ico" TYPE="image/x-icon">
<LINK REL="shortcut icon" HREF="favicon.ico" TYPE="image/x-icon">
person Musaab    schedule 13.09.2011

arrow_upward
0
arrow_downward

Я получаю значки для работы в Chrome с помощью

<html>
<head>
<link rel="shortcut icon" href="/myapp/img/favicon.ico" />
</head>
</body>

Может быть, убрать атрибут TYPE?

person Xavi López    schedule 13.09.2011
comment
Пробовал указывать абсолютный путь и опускать атрибут типа, но ничего не помогает... возможно, что-то не так с компьютером. Или поведение браузеров при кешировании фавиконов слишком странное, чтобы его можно было понять. - person jlh; 13.09.2011

arrow_upward
0
arrow_downward

Очистите свою историю.

Сначала нажмите на файл прямо в адресной строке браузера.

Затем удалите всю строку, так как по умолчанию она ищет корень для этого файла.

person KingKongFrog    schedule 14.08.2012
comment
OP говорит, что это не на веб-сервере, я открываю HTML-файлы непосредственно из файловой системы - так, какой абсолютный путь разрешает /favicon.ico в контексте адреса file://? - person Chris Martin; 22.11.2012

arrow_upward
0
arrow_downward

Попробуйте это (с косой чертой):

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

Это должно работать

person Dennis    schedule 14.08.2012
comment
В таком виде это неправильно. Он работает только с косой чертой в начале, если у ОП есть свой значок в общедоступном корне. Посмотрите на en.wikipedia.org/wiki/Favicon: имя файла и местоположение может быть указан для любого каталога веб-сайта. Так что теоретически обычный favicon.ico совпадает с ./favicon.ico, что означает, что браузер должен искать файл favicon.ico в текущем каталоге (который также может быть подкаталогом относительно корня). Форма /favicon.ico означает, что браузер должен искать файл favicon.ico в общедоступном корне. - person Sk8erPeter; 12.06.2013

arrow_upward
0
arrow_downward

Убедитесь, что это настоящий файл значка, а не файл bmp/jpg/png, сохраненный как .ico,

используйте это, если это поможет:

http://www.favicon.cc/

person Luc Laverdure    schedule 21.07.2014