9

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

我找到了这个不错的小指南:如何添加网站图标。但是,首选方法在 IE (7) 中不起作用,第二种方法是老式方法(我辞职使用)。

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

4

6 回答 6

15

这是我一直使用的:

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

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

于 2008-08-09T05:48:15.433 回答
2

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

AddType image/x-icon .ico
于 2008-08-09T23:32:05.193 回答
1

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

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

于 2008-08-09T08:06:50.147 回答
0

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

<link rel="shortcut icon" href="/favicon.ico" />
于 2008-08-09T05:44:56.983 回答
0

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

编辑:我会试试看它是否有效。

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

于 2008-08-09T05:46:52.003 回答
0

这些图标有上百万种不同的使用方式(不同的浏览器、不同的平台、移动站点固定、智能电视等),所以真的不再有一个简单的答案。有关一个很好的解释,请参见这个 SO answer,但简短的回答是:

使用此站点,您可以上传 png/jpg,然后为您完成所有艰苦的工作:https ://realfavicongenerator.net/

于 2019-10-19T04:26:32.723 回答