为什么我的网站图标链接不起作用？答案

【问题标题】：Why does my favicon link not work?为什么我的网站图标链接不起作用？
【发布时间】：2013-08-21 02:02:49
【问题描述】：

我正在使用这种格式链接到我的网站图标。

我的favicon.ico 文件与我的 HTML 文件位于同一目录中，但由于某种原因，当我将它上传到我的网络服务器时它没有出现。我清除了缓存，关闭了浏览器，然后重新打开了它，但图标仍然不会出现。

如果有人能解释为什么会这样，我将不胜感激。

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

编辑：我也不知道这是否会影响它，但我的网络服务器上出现了一个默认的网站图标。不知道能不能覆盖这个。

编辑 2：不确定这是否会有所不同，但这是我头脑的基本结构。

<head>
        <meta charset="utf-8">
        <meta name="author" content="">
        <meta name="description" content="Home">

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

        <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  
    </head>

【问题讨论】：

标签： html favicon

【解决方案1】：

根据这个answer，它看起来应该是rel="icon"而不是rel="shortcut icon"。

此外，如果您的favicon.ico 位于服务器的根目录http://example.com/favicon.ico 并且您的页面位于子目录http://example.com/blog/ 中，则浏览器将尝试在当前目录http://example.com/blog/favicon.ico 中搜索favicon.ico，这将导致 404 错误；为避免这种情况，您应该设置href="/favicon.ico"，使其始终指向根目录，无论您位于哪个子目录中。

【讨论】：

我尝试了你的方式，当我链接到我的网址（如 url/favicon.ico）时，我的 favicon 出现了，但它仍然拒绝出现在它应该出现的位置。如果我错了，请纠正我，但网站图标应该出现在标题的左侧以及网址的左侧，对吗？无论如何，它也不会出现在附近。
网址左侧图标的外观取决于浏览器，例如，Firefox 删除了该功能，因为恶意网站使用该功能显示虚假的“锁”图标，让用户认为他使用安全连接进行连接，而他没有……但这不是问题的重点。如果您使用“私人浏览”功能访问您的页面会发生什么？隐私浏览应该丢弃任何缓存并强制它刷新，所以如果它在那里工作，那么一切都很好。
如果“私人浏览”是指隐身，我刚刚尝试过，但仍然无法显示网站图标。我现在有点茫然了。
@user1730357 是的，这就是我的意思，这也是page 显示了在不同浏览器中如何处理网站图标，所以毕竟，也许只是您的浏览器不支持在旁边显示网站图标URL 并且您的代码实际上是正确的。
我设法通过这样做使我的网站图标正常工作：非常感谢您的帮助。我会将您设置为已接受的答案。

【解决方案2】：

它们通常被缓存。强制刷新。从您的目录中获取它

【讨论】：

【解决方案3】：

有时/favicon.ico 会有所帮助。不过试试这个：

<link rel= "shortcut icon" media="all" type="image/x-icon" href="http://URL.tld/favicon.ico" />

<link rel= "icon" media="all" type="image/vnd.microsoft.icon" href="http://URL.tld/favicon.ico" />

这增加了对 IE 的支持。

【讨论】：