今天在做站的时候发现网站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去掉试试