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

心得技巧
改进用户体验设计需要花多少钱?
交互设计:在网站上空间记忆模式的表现
在线制作流程图的实用工具网站
B2C网站设计理论:推荐商品页面的建立
B2C网站设计:你的网站需要使用TAB栏?
深底色风格的网页设计的策略
Web前端性能优化全攻略
20多个使用jquery交互的漂亮网站设计
黑白相片变成逼真的彩色照片 PS都做不到
互联网产品设计:SNS到B2C的聪明小动作
互联网产品实例设计分析:豆瓣电台
搜狐白社会领先的交互与前端设计
案例分析:SNS如何做推广活动
交互设计指南:信息可及
设计理论:体现交互设计师专业度
Web设计评论体系研究:商品评论的设计
UE设计实战:怎样评价一个原型的质量
设计理论:什么是设计的细节
网页设计理论:网页设计风格
用户体验设计实例分析:网页表单设计

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 77 ::
收藏到网摘: 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