今天在做站的时候发现网站favicon.ico图标不显示，favicon是什么？其实我们在浏览器看网页的时候，在地址栏的左边，你就可以看到一个小的图标（每个网站都不一样）。这就是网站的favicon文件，它其实是一图片文件。像我们熟知的百度、谷歌、新浪都有自己的favicon文件。
那我们怎么给自己的网站安装一个favicon文件呢？
第一步、你要确定你网站的主题和图案所选，因为favicon文件时代表你网站的标志。制作好图片之后就可以用工具制作了，具体请搜“favicon在线制作”，上传好图片后，就可以选择生成一个32x32像素或64x64像素的favicon文件。
第二步、将你做好的favicon图片文件上传至你网站的根目录下，即www目录下。且保证命名为favicon.ico。
第三步、将这句代码
<span style="white-space:pre"> </span><link href="http://www.lituanmin.com/favicon.ico" rel="icon" type="image/x-icon" />
放入到你各页面的之间。
这时候重新生成更新你的网站，并清除浏览器缓存。刷新下，你就可以看到你网站漂亮的favicon文件了。
个人总结：关于网站的favicon图标不显示的问题.
1：你的favicon文件是否命名为favicon.ico；
2、引入favicon文件的代码是否放在了之前；
3、是否重新生成更新了网站，并清除了浏览器缓存。
4、是否是顶级域名跳转，使得favicon.ico无法在页面显示的问题。
如果在首页有一个跳转页面的话，那就不灵光了，在首页（其他页面亦是如此）仍然显示不出这个图标，即使我把favicon.ico丢在了根目录下。 网上有方法提到，需要在首页的<head></head>之间添加一段代码，这样就可以了。总结了一下，有三种代码的书写方式：
<span style="white-space:pre"> </span><link rel="”shortcut" icon”="" href="”ico地址”/">
<span style="white-space:pre"> </span><link rel="”shortcut”" href="http://www.lituanmin.com/litm/”/favicon.ico”" />
<span style="white-space:pre"> </span><link href="”ico地址”" rel="”shortcut" icon”="">
我用了第一种代码。其中，”ico地址”这里应该填写favicon.ico存放的绝对路径。比如我的存放地址是空间的根目录，那就把这里写成lituanmin.com/favicon.ico,这里必须要注意的是，如果将地址写成/favicon.ico，那么访问时不会看到favicon.ico图标，而访问 lituanmin.com才可看到。把www去掉，用顶级域名写路径才能在和lituanmin.com同时显示该图标。具体原因不清楚，我试了N遍才发现这个问题。
我的空间根目录.htaccess配置文件为:
<span style="white-space:pre"> </span>RewriteEngine on rewritecond %{http_host} ^joyfox.cn [nc] rewriterule ^(.*)$ $1 [r=301,nc] ErrorDocument 404 /404.html
后来改成:
<span style="white-space:pre"> </span><link rel="shortcut icon" type="image/ico" $amp;=""></link>
呵呵，就可以了，究其缘故，估计是顶级域名跳转的配置所致。所以如果一切设置都没问题，仍不能显示favicon.ico的话，不妨把www去掉试试
---------------------
作者：快乐之裤
来源：CSDN
原文：https://blog.csdn.net/u012217533/article/details/46368251
版权声明：本文为博主原创文章，转载请附上博文链接！