关于html:无法显示Favicon.ico

Cannot get Favicon.ico to display

我已将我的favicon.ico文件复制到我的Apache文档根目录。 我必须为其添加一个Apache Rewrite异常,现在可以从www.example.com/favicon.ico访问它。 但是当我点击我的主URL时,它没有显示。

我以为您要做的就是将具有正确权限的文件复制到doc根目录中? 我需要更改php吗? 谢谢!


尝试将此标签扔到文档的开头:

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


IE和Firefox的行为可能有所不同(不确定使用的是哪种)。尝试将页面添加为书签,然后单击书签(以加载页面)。完成后,退出浏览器,然后查看是否显示if。

如果这样不起作用,请尝试清除浏览器缓存,然后重复上述步骤进行修复。我以前见过你的问题!


favicon.ico引用必须是绝对URL,而不是相对URL。
使用这个:

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

我的状态是

1
2
3
4
5
6
7
8
9
favicon.ico () shows up in:

    IE 9.0.8
    Safari 5.1.7

Fails in:

    FF 28.0
    Google Chrome 34.0

更改为绝对值

1
2
<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


Favicon图标在不同的浏览器中的行为有所不同,有时,如果它在FF中有效,而在IE中则无效。
请尝试清除浏览器的缓存,然后为favicon ico使用标准代码,
只需将其放在索引文件或项目的任何普通文件中的标记下方。

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

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


可能是您在浏览器记住您的域没有域名并因此不发出新请求之后上载了favicon吗?


在Chrome中,似乎无法使用链接(例如https://),而必须将favicon.icoindex.html放在同一文件夹中。对于任何其他文件,它似乎都可以使用链接。


某些浏览器会在根目录中拾取该图标,而不在页面中添加任何内容,但是IE和FF不会。将此代码添加到页面的头部

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

尝试将ico文件放在根目录下的images文件夹中。那就是许多浏览器寻找收藏夹图标的地方。这是要牢记的。 Favicon是一个非常宽松的标准,如果您甚至可以将其称为浏览器而不是服务器支持的标准。浏览器本身实际上是在单独的调用中获取图标,以显示在其收藏夹栏或选项卡上...图标仅需放置在浏览器可以找到的位置。