你必须包含<link rel="icon"href =“favicon.ico"类型=“图像/ x-icon"/在吗?

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

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

包含它的目的是什么?

525005 次浏览

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

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

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

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

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

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

我使用它有两个原因:

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

许多人将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/