我没有包括以下行代码在我的头标签,但我的favicon仍然出现在我的浏览器:

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

包含它的目的是什么?


如果你不调用favicon, favicon.ico,你可以使用这个标记来指定实际的路径(如果你在一个images/目录中)。浏览器/网页默认在根目录中查找favicon.ico。


实际上,您应该同时做这两件事,以便所有浏览器都能找到该图标。

将文件命名为“favicon.ico”并将其放在网站的根目录下是W3C“不鼓励”的方法:

方法2(不推荐):将图标放在预定义的URI处 指定favicon的第二种方法依赖于使用预定义的URI来标识图像:"/favicon",它相对于服务器根目录。这个方法可以工作,因为一些浏览器已经被编程为使用该URI查找favicon。 如何添加一个图标到你的网站

因此,为了涵盖所有情况,除了推荐的添加“rel”属性并将其指向相同的.ico文件的方法之外,我总是这样做。


简单地将它添加到根文件夹中就可以了,但我发现如果我需要更改favicon,它可能需要几天的时间来更新……即使缓存刷新也不能做到这一点。


我使用它有两个原因:

我可以通过添加查询参数来强制刷新图标,例如?v=2。是这样的: <link rel="icon" href="/favicon.ico?V =2" type="image/x-icon" /> . 以防我需要指定路径。


许多人将cookie路径设置为/。这将导致每个favicon请求发送一个副本的网站cookie,至少在chrome。将你的图标定位到你的无cookie域应该可以纠正这个问题。

<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />

根据你获得的流量,这可能是添加链接的最实际的原因。

关于设置无cookie域的信息:

http://www.ravelrumba.com/blog/static-cookieless-domain/