分享

favicon.ico不显示的原因分析和解决办法

 guitarhua 2016-04-16

    最近尝试着给我的网站加了一个favicon.ico图标。正常的情况下可以用Favicon-Manager这个插件来实现,具体办法我参照了zEUS.给出的方案。你也可以在这里下载该插件。 启用这个插件后,在后台设置好favicon.ico的绝对路径,然后就OK了。但是如果你也像我一样,在首页有一个跳转页面的话,那就不灵光了,在首页仍然显示不出这个图标,即使我把favicon.ico丢在了根目录下。 网上有方法提到,需要在首页的<head></head>之间添加一段代码,这样就可以了。

总结了一下,有三种代码的书写方式:

<link rel=”shortcut icon” href=”ico地址”>

<link rel=”shortcut” href=”/favicon.ico” />

<link href=”ico地址” rel=”shortcut icon”>

例:<link rel="shortcut icon" href="http://www./favicon.ico">
我用了第一种代码。其中,”ico地址”这里应该填写favicon.ico存放的绝对路径。比如我的存放地址是空间的根目录,那就把这里写成/favicon.ico,这里必须要注意的是,


如果将地址写成www.xxx.com/favicon.ico,那么访问www.xxx.com时不会看到favicon.ico图标,而访问xxx.com才可看到。把www去掉,用顶级域名写路径才能在www.xxx.com和xxx.com同时显示该图标。具体原因不清楚,我试了N遍才发现这个问题。


所以如果一切设置都没问题,仍不能显示favicon.ico的话,不妨把www去掉试试

 

总结:

1:favicon.ico丢在了根目录下

2:需要在首页的<head></head>之间添加一段代码

3:代码三种写法:    

<link rel=”shortcut icon” href=”ico地址”>

<link rel=”shortcut” href=”/favicon.ico” />

<link href=”ico地址” rel=”shortcut icon”>


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多