<link rel="Shortcut Icon" href="images/favicon.ico">

是因为你在本地测试的,而不是在服务器端测试的。
【1】在服务器端测试,默认会识别根目录下favicon.ico的文件作为网页的ico。若在个别页面有不同的ico,在个别页面用<link>添加ico即可
【2】在本地端测试,chrome、opera和firefox支持通过<link>标签添加ico,但IE和safari不支持

其他情况:

 一、图标的链接地址或者HTML代码出错
  这个错误发生得低,但也有失误的时候。首先要看看图标的链接地址和HTML代码。如果直接把favicon.ico图标放在网站根目录下,代码如下:
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

  二、没有清空清空缓存
   要清空浏览器的缓存,在IE中不仅要清空Internet临时文件,也要把历史记录清空。对于360、搜狗、傲游这些浏览器清空缓存会稍微麻烦点,它们会将favicon.ico存储在自己特定的文件夹里,以加快页面的访问速度。

  1、360浏览器
  进入自己的Application Data中寻找360浏览器的数据,比如电脑用户名为Jon。如果用的是XP,那么就找到C:\Documents and Settings\Jon\Application Data\360se\data\ico文件夹;如果是Win7,那么就找到C:\Users\Jon\AppData\Roaming\360se \data\ico文件夹。这里是360浏览器缓存网站favicon.ico的地方,把ico文件夹清空。

  2、搜狗浏览器
  同样也要找Application Data,比如电脑用户名为Jon。如果用的是XP,那么就找到C:\Documents and Settings\Jon\Application Data\SogouExplorer\FavIcon文件夹;如果是Win7,那么就找到C:\Users\Jon\AppData\Roaming \SogouExplorer\FavIcon文件夹。这里是搜狗浏览器缓存网站favicon.ico的地方,把FavIcon文件夹清空。
  3、傲游浏览器
  如果傲游浏览器安装到了D:\Maxthon2目录下,那么在这个目录下找到名为Favicons的文件夹,这里是傲游浏览器缓存网站favicon.ico的地方,把Favicons文件夹清空。

  三、favicon.ico格式不对
  访问favicon.ico的绝对地址,比如:http://www.google.com/favicon.ico,如果正常显示,证明格式正确。
  以上的第一和第三如果确定没问题,而第二条觉得麻烦,可以换一台从未访问过目标网址的电脑来访问该网站.因为没有访问,就不存在Favicons文件夹。
  通过以上的方法favicon.ico仍然显示不了,那就是机子问题。

图标最好是16*16的,如果不是图片的问题;ie中不显示可以清一下缓存

favicon.ico网站图标不显示相关推荐

  1. favicon.ico网站图标不显示问题

    <link rel="Shortcut Icon" href="images/favicon.ico"> 是因为你在本地测试的,而不是在服务器端测试 ...

  2. 获取Favicon.ico网站图标接口api源码

    介绍: 获取Favicon.ico网站图标接口 favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上用于显示网站的logo, 目前主要的浏览器都支持favicon.i ...

  3. favicon自动获取_友情链接前面自动获取并添加favicon.ico小图标

    之前看到可风博客底部友情链接都加了ico小图标,感觉很新颖,很好看.于是乎我也开始折腾,我不想每次添加友情链接的时候都得手动的去添加ico图标的小链接,浪费时间,然后就百度了以下,还真有教程,然后我就 ...

  4. 如何使网站图标Icon显示在浏览器地址http的前面?

    1.第一步,准备一个图标制作软件. 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名.普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本 ...

  5. favicon.ico地址栏图标,随机背景图,压缩背景

    写在前面:本文内容见标题,之前github个人主页每次看到地址栏旁边的小图标默认的样子,都觉得丑爆了,前几天终于抽空把这个改了,还有之前背景图片用了一个大壁纸的网址链接,每次读取背景的时候感觉要半天那 ...

  6. 如何使网站图标Icon显示在浏览器地址前面

    概要:首先要了解浏览器到底是如何识别icon图像,并将其显示在浏览器网址框前面的.浏览器有两种识别形式:1.使用link标签形式2.浏览器自动识别 首先要了解浏览器到底是如何识别icon图像,并将其显 ...

  7. html网页logo属性link,html元素link标签rel=icon添加网站favicon.ico图标

    html元素中的link标签除了可以引用插入CSS样式表文件之外,还可以通过link标签设置网站的favicon.icon图标. 什么是favicon.icon图标? 网站favicon.ico图标, ...

  8. html中网站小图标,HTML网站图标favicon

    本文概述 网站图标是一个小文件, 其中包含一个或多个用于表示网站或博客的图标.也称为标签图标, 网站图标, URL图标或书签图标. 此图标实际上显示在地址栏, 浏览器的选项卡, 浏览器历史记录, 书签 ...

  9. 解决favicon.ico无法显示的问题

    今天在做站的时候发现网站favicon.ico图标不显示,favicon是什么?其实我们在浏览器看网页的时候,在地址栏的左边,你就可以看到一个小的图标(每个网站都不一样).这就是网站的favicon文 ...

最新文章

  1. ELMo:最好用的词向量(Deep contextualized word representations)论文 pdf
  2. C# JS URL 中文传参出现乱码的解决方法
  3. iOS逆向工程的一些资料
  4. 不同语言编译的程序入口总结
  5. 安装好机器学习环境的虚拟机_虚拟环境之外的数据科学是弄乱机器的好方法
  6. C#/.Net Core/WPF框架初建(国际化、主题色)
  7. 唐山师范学院计算机宿舍,唐山师范学院宿舍条件怎么样宿舍图片内景
  8. 程序员工作交接文档怎么写_IT交接事项.doc
  9. PowerDesign的基本使用
  10. Traitors Eight 硅谷“八叛徒”
  11. 当里皮也成过客,请善待国足主帅的继任者
  12. 麦吉尔大学计算机科学,麦吉尔大学计算机专业
  13. 人体骨骼关键点检测综述
  14. 《 Socket.IO》 解决 WebSocket 通信
  15. CodeRush and Refactor! Pro Version 3.2.3 for Visual Studio .NET
  16. TypeScript中的?.是什么意思
  17. 4.MyBatis源码解析-MyBatis扩展点--阿呆中二
  18. 相机拍摄照度均匀的画面,图像四周存在暗角的原因
  19. 如何实现页面时间动态更新,页面动态刷新
  20. 线控转向 四轮转向控制 4WIS CarSim与Simulink联合

热门文章

  1. 社区线上活动的7个要点
  2. ArcGIS 10.1 for Server 数据注册(下)
  3. 如何建立条码标签上的群组
  4. 注意的种类有?区别是?心理学中的“随意”是什么意思?|小白心理-312/347考研答疑
  5. linux打包压缩工具,linux 打包压缩工具
  6. C#中Log4的使用教程
  7. android 常见名词解释,
  8. 探索式测试测试学习笔记(2)——全局探索式测试法(漫游测试)
  9. java在字符串中“==”和“equals”的区别
  10. DNS 服务器 ip