地址栏显示ico图标的设置方法

发布时间:2020-10-22编辑:脚本学堂
本文介绍下,在地址栏中显示ico图标的设置方法。供大家学习参考。

如何在浏览器的地址栏中显示ico图标呢?

来看下我常用的代码:

<link rel="shortcut icon" href="http://www.jb200.com/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.jb200.com/images/favicon.gif" type="image/gif" />

可以让浏览器地址栏显示网站ico的代码。

注意事项:
1. 尽量使用绝对地址,使用相对地址IE6有可能会显示不出来(之所以说“有可能”是因为我没详细去测试,只是曾经遇到使用href="images/favicon.ico"ico文件相对地址的时
候IE显示不出来,后来使用绝对地址就出来了。)

2. 如果favicon.ico直接放在网站根目录下面,可以不写上面的代码浏览器也会自己识别(IE好像不会?该死的IE,好久不用IE了,所以想详细验证的自行去IE尝试,反正我能
不用IE就不用,非要用IE也就用IETester测页面和用该死的IE only的网银的时候)(用IE在测试的时候,注意清空缓存)

3. 上面的代码为什么要写两个?那是因为firefox支持gif动画作为地址栏图标。所以IE等不支持gif的浏览器就采用第一条,第二条忽略,firefox的话第二条能识别自然就覆
盖了第一条,所以用firefox就看到了动画的图标(注:本博客没有使用gif图标,上面代码仅作演示)

4. ico图片格式一定要准确。昨天好友问我他的网站为什么firefox下面有图标,但是IE下没有。我下了他的ico图片文件用记事本打开一看,原来是个png图片,只不过是把后
缀改为了ico,这样的话遇到傻帽IE自然识别不出来,然后用ico转换工具,把图片转换为ico格式的就ok了。

5. 放不放在根目录的问题,这个根据自己需要去设置吧。