`
jaychang
  • 浏览: 731462 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

解决顶级域名跳转，使得favicon.ico无法在页面显示的问题

 
阅读更多

      最近尝试着给我的网站加了一个favicon.ico图标。

      如果 在首页有一个跳转页面的话，那就不灵光了，在首页（其他页面亦是如此）仍然显示不出这个图标，即使我把favicon.ico丢在了根目录下。 网上有方法提到，需要在首页的<head></head>之间添加一段代码，这样就可以了。总结了一下，有三种代码的书写方式：

      

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

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

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

      我用了第一种代码。其中，”ico地址”这里应该填写favicon.ico存放的绝对路径。比如我的存放地址是空间的根目录，那就把这里写成dogorgod.com/favicon.ico,这里必须要注意的是，


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

    我的空间根目录.htaccess配置文件为:

 

RewriteEngine on
rewritecond %{http_host} ^joyfox.cn [nc]
rewriterule ^(.*)$ http://www.joyfox.cn/$1 [r=301,nc]
ErrorDocument 404 /404.html

    后来改成:

<link rel="shortcut icon" type="image/ico" href="http://joyfox.cn/favicon.ico"></link>
 

    

    呵呵，就可以了，究其缘故，估计是顶级域名跳转的配置所致。


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

 

分享到：
| 各大搜索引擎收录地址
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    favicon.ico 图标大全

    【favicon.ico 图标大全】是为了解决网页标识问题而提供的资源集合，它包含了各种流行、个性化的图标设计，适用于不同网站的需求。Favicon（Favorites Icon）是网站的图标，通常显示在浏览器的地址栏、书签栏以及...

    favicon.ico

    favicon.ico 很简单的一张图片 favicon.ico favicon.ico favicon.ico favicon.ico

    在线ICO图标制作 Favicon.ico图片在线制作网站PHP源码+支持多种图片格式转换

    favicon.ico 一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的 logo,如图红圈的位置， 目前主要的浏览器都支持 favicon.ico 图标. 如果要让网站看起来更专业、更美、更有个性，制造...

    什么是favicon.ico？favicon图标制作和制作技巧.docx

    Favicon.ico 是一个小图片，通常出现在浏览器的地址栏、标签页和收藏夹中，用于建立网站的品牌形象。制作 favicon.ico 图标需要两步：第一步，制作 16*16 像素的 favicon.ico 图片，并上传到网站根目录下；第二步，...

    Favicon.ico远程获取插件 v1.0.rar

    Favicon.ico远程获取插件:远程实时获取并显示网站的Favicon.ico文件，美化网站外链显示效果。 适合网址导航网站，网站友情链接显示美化等。 Favicon.ico远程获取插件页面展示 相关阅读 同类推荐：站长常用源码

    网站浏览器导航图标favicon.ico

    在“网站浏览器导航图标favicon.ico”这个主题中，我们将深入探讨如何创建和设置这个特殊的图标。 favicon.ico 文件格式： Favicon 图标通常是 ICO 格式的，这是一种支持多种尺寸和颜色深度的图像文件格式，特别...

    在node.js中怎么屏蔽掉favicon.ico的请求

    在Web开发中，favicon.ico是网页的图标，通常用于显示在浏览器标签页上。当用户访问网页时，浏览器会自动尝试获取该图标，除非服务器已经响应过该请求。许多服务器端框架或平台允许配置自定义的图标，如果不进行配置...

    在线ICO图标制作 Favicon.ico图片在线制作网站PHP源代码 支持多种图片格式转换

    favicon.ico 一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的 logo,如图红圈的位置， 目前主要的浏览器都支持 favicon.ico 图标. 如果要让网站看起来更专业、更美、更有个性，制造...

    Favicon.ico远程获取插件php版v1.0

    在网页设计中，Favicon.ico是一个重要的元素，它代表了网站的图标，通常显示在浏览器的地址栏、书签列表以及标签页上，为用户提供直观的识别标识。本文将深入探讨一个基于PHP的Favicon.ico远程获取插件——"Favicon....

    关于favicon.ico的两三事(最好就是放根目录)

    Favicon.ico，即网站的小图标，是一种广泛应用于互联网中的网页元素，它通常显示在浏览器的标签页、地址栏和书签上。Favicon.ico文件一般放置在网站的根目录下，以便浏览器能够自动找到并使用。当网站的HTML代码中...

    node.js中的favicon.ico请求问题处理

    在Node.js项目中处理favicon.ico请求问题 标题和描述中提到的问题是，在使用Node.js开发Web应用程序时，时常会遇到由于浏览器默认行为而发起对favicon.ico文件的请求。这种情况通常会出现在页面加载时，浏览器会...

    对web.py设置favicon.ico的方法详解

    本文介绍在web.py中设置favicon.ico的方法： 如果没设置favicon，后台日志是这样的： 127.0.0.1:4133 - - [03/Sep/2015 18:49:53] "HTTP/1.1 GET /favicon.ico" - 303 See Other 由于浏览器会自动去获取这个文件，...

    Favicon.ico图片在线制作网站PHP源码+支持多种图片格式转换

    在线ICO图标制作Favicon.ico图片在线制作网站PHP源码＋支持多种图片格式转换 favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置， 目前主要的浏览器...

    nginx关闭favicon.ico、robots.txt日志记录配置

    `favicon.ico`是网站的图标，通常显示在浏览器的地址栏或书签中，为用户提供视觉识别。而`robots.txt`是一个文本文件，用于指导搜索引擎爬虫哪些页面可以抓取，哪些不能。然而，当这些文件不存在时，Nginx会记录404...

    swagger-ui-master.zip_Swagger favicon.ico_restful_restful api_sw

    "favicon.ico"是网站的图标，通常显示在浏览器的地址栏或标签页上，为Swagger UI提供了独特的视觉标识。在API文档中，一个清晰的图标可以增加专业感并帮助用户快速识别页面。 "restful"和"restful_api"标签表明这个...

    给自己的网站制作一个favicon.ico图标的实现方法

    4. **测试验证**：上传完成后，可以通过将网站添加到收藏夹或刷新浏览器页面来检查favicon.ico是否正确显示。有时候，由于浏览器缓存的原因，可能需要清除缓存或使用隐身/无痕浏览模式来查看最新效果。 #### 总结 ...

    bitbug_favicon.ico

    ico文件

Magicbox
Global site tag (gtag.js) - Google Analytics