Настройка значка в HTML

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

Выше код используется для установки favicon в моем html-коде, но он не работает. Почему?

Ответ 1

Это действительно .ico, или это просто имя .ico.
Какой браузер вы тестируете?

Самый простой способ - просто поместить в корневую иконку favicon.ico. Это работает повсюду, не требуется никакого кода.

Если вы должны иметь его в подкаталоге, используйте:

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

Обратите внимание на / перед img, чтобы убедиться, что он привязан к корню.

Ответ 2

попробуйте это

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

Ответ 3

Попробуйте добавить профиль в свой тег head и использовать image/x-icon для атрибута content-type.

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">

Если вышеуказанные решения не работают, попробуйте использовать полный патч для значков в атрибуте href:

<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/x-icon" href="#" onclick="location.href='http://example.com/img/favicon.ico'; return false;">