从CHINAZ看FAVICON.ICO跨浏览器设计
FAVICON.ICO知识基础
Favorites Icon其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。可以出现在浏览器标题选项卡、URL前、收藏夹中,大小为16*16,目前IE6好像不支持自定义Favicon,IE7仅支持ICO格式,FF/Opera支持GIF/PNG/ICO/JPG等格式。
网站如何应用Favicon图标
方法一:将制作的Favorites Icon命名为Favicon.ico,放置网站根目录即可,浏览器会自动索引
方法二:使用<link rel="icon" href="图标路径" type="MIME类型" />如 <link rel="icon" href="/cike/favicon.ico" type="image/x-icon" />
如何使用动画Favicon?
无意中看到CHINAZ的FAV图标在FF中隔8秒左右上滚一次,还以为是眼花了,截图为证

IE7中显示正常一定是ICO格式,ICO是不支持动画的,CHINAZ是如何做的呢?
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="favicon.gif" type="image/gif" >
结论出来了在IE中使用第一行代码,遇到第二行因不支持GIF格式所以不影响第一行效果,FF支持GIF格式,覆盖第一行,最终显示favicon.gif
CHINAZ的用法完美了吗?
力求精简的我们是不会就此收工的,既然浏览器默认会索引根目录下的 favicon.ico,仅使用代码
<link rel="icon" href="favicon.gif" type="image/gif" >
可以实现IE显示ICO,FF/Opera显示gif吗?实践中……
以下依次为IE7、Opera、FF3+FireBug
(原截图上URL太多,为免软文嫌疑图省略,有兴趣自己试DEMO吧)
看来CHINAZ还可以为每个页面精简一行代码!演示DEMO: http://blog.cike.org/demo/html/favicon/
关于Favicon结论:
无动画要求:使用ico格式,并命名为 favicon放置于网站根目录
有动画要求最佳方法:分别制作ICO格式和动画格式两个favicon,将ICO格式favicon文件放置根目录,网站HEAD区使用 <link rel="icon" href="favicon.gif" type="动画格式图片MIME" >
- ·03/25怎么样向我们提交域名备案信息
- ·08/25地方网络工作室暂停网站备案业务
- ·04/22特价促销 150元 COM域名+100MB主机+快速备案
- ·12/18无解的规定,我们怎么办?
- ·11/12科讯6.0万能列表DIV+CSS教程
- ·11/08地方网络工作室浏览器兼容列表
- ·10/20网站域名ICP快速备案新手答疑
- ·10/19警惕快速备案的网络骗子
- ·10/19UUCALL网络电话关闭,不要打UUCALL
- ·10/19网站域名ICP备案(加急)服务调价通知