当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 三步解决IE地址栏ICON显示问题

心得技巧
网站设计参考:赏心悦目的国外企业网站设计实例
阿里手机版Demo设计及UE分析
UI角度分析网页图片轮播控件Carousel Controls
交互设计理论:在网站上的空间记忆模式
设计理论:如何设计活动类网页
用户交互设计:从支付宝想到的
用户体验设计实例:阿里搜索框优化建议
交互设计实例:sohu的widget开放平台的气球设计
交互设计实例:新版支付宝个人版设计看法
产品设计:情景设计应该注意的问题
互联网社区产品设计中的关系设计问题总结
设计理论:为新手提供更好的设计
B2C电子商务网站是不是用新窗口打开链接
设计参考:基于CSS网格框架的网站设计实例
国外设计参考:以web设计为主的国外设计博客
设计理论:交互设计中色彩的运用
用户体验设计:量化用户体验
设计实例分析:Google Wave的滚动条
设计实例分享:搜狐白社会的交互设计
设计理论:用行为学知识改善服务

心得技巧 中的 三步解决IE地址栏ICON显示问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 75 ::
收藏到网摘: n/a


本篇网页制作技巧教程是新手快速学习制作网站ICON的步骤的补充。
今天我在自己的Blog遇到了这样一个问题:我在后台修改了“<link rel="shortcut icon" href="http://www.lxdong.cn/favicon.ico" type="image/x-icon" />”这段代码 ,修改完后,按下索引重建,返回首页刷新后发现,原来可以正常显示网站的ICON,此时已经无法正常显示。
经过反复思考,研究,分析问题因为可能是更改Html代码或者想更换ICON图标引起的,也有可能是使用的ie浏览器的版本过低了,或者实用其他的浏览器,(如FIRFOX,遨游等其他浏览器)引起的,经过反复检查,终于发现了解决问题的方法,在这与大家分享一下我的经验:
第一步:检查下“<link rel="shortcut icon" href="http://www.lxdong.cn/favicon.ico" type="image/x-icon" />”这段代码是否有书写错误
还有另外3种写法,可以根据个人喜好选择一种:
<link rel=”Shortcut Icon” href=”你的网站地址” type=”image/x-icon” />
<link rel=”shortcut” href=”/favicon.ico” />
<LINK href=”你的网站ICON图标-favicon.ico文件所在路径” rel=”SHORTCUT ICON”>
第二步:检查下上传的ICON图标(一般是favicon.ico)是否存在问题
一般ICON的大小是16*16,大小1-2k,建议不宜过大!虽然ICON的大小没有被规定应该是多大,但是还是小一点比较好,现在一般人用的宽带都是512K~2M速度的,用小一点的图标吧,加载也快一点。据一项研究调查表明:在打开网页5秒内未显示内容,一般人会选择关闭网页!
第三步:检查完以上两处后,还是无法正常显示ICON图标,你可以试着清除IE COOKIES:
右键IE-属性-浏览记录选择清除,清除COOKIE就行了,当然全部选择删除最好,可以清除下IE缓存,提高IE的浏览速度!
如果你按照以上方法做之后,你网站ICON还是存在显示问题,你可以在此贴后跟帖留言,我会尽我所能帮你解决问题,我的QQ:3287924(常隐身,有问题直接问)
更多精彩,敬请期待:SEO完美理论探索者-北漂领袖东Blog:www.lxdong.com