Favicon 在 IE 和 Chrome 中不显示答案

【问题标题】：Favicon doesn't display in IE and ChromeFavicon 在 IE 和 Chrome 中不显示
【发布时间】：2011-09-13 12:19:26
【问题描述】：

我真的很困惑为什么我的网站图标没有出现在 IE9 或 Chrome 中。它确实显示在 Firefox 中。我以前用过网站图标，从来没有遇到过这样的麻烦，而且我的代码很简单：

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

</body>
</html>

我使用的文件 favicon.ico 直接取自 Wikipedia（用于测试目的以确保它不是错误的 ICO 文件）并与 HTML 文件放在同一个文件夹中。我尝试清除浏览器的缓存并重新启动它们，但没有任何效果。另外，这不在网络服务器上，我直接从文件系统打开 HTML。

【问题讨论】：

【解决方案1】：

还可以添加另一个标签，使其像这样以增加浏览器覆盖率：

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

【讨论】：

【解决方案2】：

我使用

让网站图标在 Chrome 中工作

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

也许去掉TYPE 属性？

【讨论】：

【解决方案3】：

清除您的历史记录。

在浏览器地址栏中直接点击文件。

然后删除您的整行，因为默认情况下它会查看该文件的根目录。

【讨论】：

【解决方案4】：

试试这个（带斜线）：

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

这应该可以工作

【讨论】：

在这种形式下，这是错误的。如果 OP 在公共 root 中有他/她的 favicon，它只能在开头使用 slash。查看en.wikipedia.org/wiki/Favicon：“可以为任何网站目录指定文件名和位置”。所以理论上，普通的favicon.ico和./favicon.ico是一样的，也就是说浏览器应该在当前目录（也可以是相对于根目录的子目录）中寻找favicon.ico文件。 /favicon.ico 形式意味着浏览器应该在公共根目录中查找favicon.ico 文件。

【解决方案5】：

确保它是一个实际的图标文件，而不是保存为 .ico 的 bmp/jpg/png，

如果有帮助，请使用它：

【讨论】：