favicon.ico 404 (не найден)

Question

Chrome - вкладка исходного кода - в консоли отображается следующее:

GET http://localhost/favicon.ico 404 (не найдено)

Внутри тега head У меня есть следующее:

<link href='ico/favicon.ico' rel='icon'>

Нажмите на ссылку выше - открывает новую вкладку с изображением ico.

Также пробовал - без успеха:

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

Нажмите на ссылку вышеговорит - не существует.

Также я заметил, что сообщение об ошибке появляется только при запуске и после нажатия Ctrl F5, а после нажатия только F5 - исчезает.

В любом случае, на вкладке браузера нет значка.

На вкладке страницы - консоль пуста.

Другие браузеры не тестировались.

Так как правильно иметь иконку и как избежать вышеуказанного сообщения?

Answer 1

TL;DR

То, что вы должны попробовать:

• Тест с Firefox.Если это работает, возможно, у вас есть body -только разметка в вашем head.
• Используйте абсолютный путь (т. Е. /ico/favicon.ico)

Пояснения

Браузеры по соглашению пытаются получить favicon.ico в корневом каталоге.Таким образом, эта строка в консоли разработчика означает , а не означает, что ваш браузер не понимает ico/favicon.ico.Это скорее признак того, что разметка favicon не работала по какой-либо причине, поэтому ваш браузер использует «соглашение о корневой папке» в качестве запасного варианта.

Использование абсолютного пути (т. Е. /ico/favicon.ico вместоico/favicon.ico) может помочь вам точно определить проблему, особенно если ваша тестовая страница отличается от /.

В Chrome есть определенное поведение в отношении запрещенных наценок в head (например, div, p... которые являются body -только наценками).Когда это происходит, секция head считается закрытой и, таким образом, игнорирует все head только наценки ..., такие как link.Следствие: favicon иногда работает везде, но не работает в Chrome.Так что это хорошая идея для тестирования в другом браузере.Если значок работает в другом месте, внимательно посмотрите на свой head и попробуйте найти разметку, которой не должно быть здесь.Валидатор W3C может помочь.

Answer 2

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

Answer 3

Убедитесь, что ваш фавикон существует, перейдя на http://localhost/ico/favicon.ico

, а затем попробуйте Ctrl + F5, иногда кэширование может испортить ситуацию.