logo标签列表

无法显示Favicon.ico图标

htmlfavicon
14
我已经将我的favicon.ico文件复制到Apache文档根目录中。 我不得不为它添加一个Apache Rewrite例外，现在可以通过www.example.com/favicon.ico访问它。 但是当我访问我的主URL时，它没有显示出来。
我认为你只需要以正确的权限将文件复制到文档根目录中即可。 我需要进行PHP更改吗？谢谢！
8个回答
15

尝试将此标签放在文档头部：

<link href="/favicon.ico" type="image/x-icon" rel="icon" />
可能需要相对于根目录，例如/favicon.ico或为了整洁起见/Images/favicon.ico YMMV - Allen
4

IE和Firefox的行为可能不同（不确定您使用哪个浏览器）。尝试将该页面添加为书签，然后单击该书签（加载该页面）。在执行此操作后退出浏览器，然后查看是否出现问题。

如果这样做不起作用，请尝试清除浏览器缓存并重复上述步骤，应该可以解决问题。我以前见过您的问题！

2
这只是一个浏览器缓存问题，我在IE和FF中清除了我的缓存，现在它可以正常显示了。谢谢！ - roacha
书签技巧解决了问题，甚至不需要退出浏览器（Firefox 59.0.1）。 - mariotomo
3

favicon.ico的引用必须是绝对URL，不能是相对路径。使用以下内容：

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

我的状态是：
favicon.ico () shows up in:

    IE 9.0.8
    Safari 5.1.7 

Fails in:

    FF 28.0
    Google Chrome 34.0

转换为绝对值

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

使所有浏览器查找并显示favicon.ico。
这对我有用，但是有没有绝对URL的替代方案？ - Tmh
1

网站图标在不同的浏览器上表现不同，有时在Firefox中可以正常显示，但在IE中却无法正常显示。 尝试在清除浏览器缓存后使用标准的网站图标代码， 只需在您的索引文件或项目的任何公共文件中添加以下代码。

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

尽管新的浏览器支持GIF和PNG图像，但我建议始终将图像保存为favicon.ico。

1

可能是您在浏览器记住您的域名没有收藏夹图标之后再上传了收藏夹图标，因此浏览器没有发出新的请求。

0

一些浏览器可以在根目录中获取图标而无需添加任何内容到页面，但IE和FF不行。将此代码添加到页面的头部

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

尝试将ico文件放置在根目录下的images文件夹中。这是许多浏览器寻找网站图标的位置，需要记住这一点。Favicon是一个非常宽松的标准，如果你可以称之为标准的话，它是由浏览器支持的，而不是由服务器支持的。浏览器实际上会通过单独的调用来获取favicon并在收藏夹或选项卡上显示... favicon文件只需放置在浏览器可以找到的地方即可。

0

在Chrome中似乎不能使用链接（例如https://），而必须将favicon.ico放在与index.html相同的文件夹中。对于任何其他文件，似乎都可以使用链接。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接