我之前试图向网站添加一个网站图标,并寻找一种比转储更好的方法来实现这一点 favicon.ico 文件位于网站的根目录中。

我发现了这个不错的小指南: 如何添加网站图标. 。然而,首选方法在 IE (7) 中不起作用,而第二种方法是老式方法(我放弃使用它)。

是否有第三种方法适用于所有最流行的浏览器?

有帮助吗?

解决方案

这是我经常使用的:

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

第二个是针对 IE 的。第一个适用于其他浏览器。

其他提示

您可以使用 HTML 来指定网站图标,但这仅适用于具有此 HTML 的页面。更好的方法是将以下内容添加到 httpd.conf (Apache):

AddType image/x-icon .ico

我认为最可靠的方法是简单地添加 图标.ico 文件到您网站的根目录。

我认为不需要元标记,除非您想手动覆盖默认的图标,但我无法找到任何研究来支持我的论点。

这就是他们在 Stack Overflow 上的做法:

<link rel="shortcut icon" href="/favicon.ico" />

好吧,该文件位于根目录中,因此它不会显示该标记是否有效,或者浏览器是否刚刚从常用位置(根目录)获取图标。

编辑: 我会尝试一下,看看是否有效。

编辑2: 使用这两个标签可以使其适用于任何文件名,只要该文件是 IE7 的图标即可:我尝试使用 .png 文件,并且仅适用于 Firefox。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top