Question

我正在使用此格式链接到我的favicon。

我的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>

Answer 1

根据此answer，它看起来应该是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"，这样它总是指向根目录，无论你在哪个子目录中。

Answer 2

他们通常会缓存。强迫刷新。从你的目录中获取它

Answer 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支持。

为什么我的favicon链接不起作用？

3 个答案: