6

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

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

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

<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>
4

3 回答 3

7

根据这个答案，它看起来应该是rel="icon"而不是rel="shortcut icon".

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

于 2013-08-21T02:09:51.347 回答
3

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

于 2013-08-21T02:14:29.803 回答
2

有时会有所/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 支持。

于 2013-08-21T02:14:44.260 回答