首选图标的使用方式?

问题描述 投票:9回答:6

我曾尝试过在网站上添加一个网站图标,并寻求比将favicon.ico文件转储到网站的根目录更好的方法。

我找到了这个不错的小指南:How to Add a Favicon。但是,首选方法在IE(7)中不起作用,第二种方法是老式方法(我辞职了使用)。

是否有第三种方法可用于所有最受欢迎的浏览器?

browser compatibility
6个回答
15
投票

这是我经常使用的:

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

第二个用于IE。第一个用于其他浏览器。


2
投票

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

AddType image/x-icon .ico

1
投票

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

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


0
投票

这就是他们在堆栈溢出时的处理方式:

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

0
投票

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

编辑:我将尝试一下,看看是否可行。

编辑2:使用这两个标记,即使该文件是IE7的图标,它也适用于任何文件名:我尝试使用.png文件,并且仅适用于Firefox。] >


0
投票

这些图标的使用方式有百万种(不同的浏览器,不同的平台,移动站点固定,智能电视等),因此,实际上不再有简单的答案。有关详细说明,请参见this S.O. answer,但简单的答案是:

© www.soinside.com 2019 - 2024. All rights reserved.