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

心得技巧
设计心得:如何突破已经足够好了
网站可用性设计:西方网站和亚洲网站的文化差别
网页设计参考:充满创造力的国外网站设计实例
网站用户体验设计师快乐并痛苦着
交互设计探讨:网站导航标签要明晰有效
很简短的话描述用户体验
度量用户体验发散出来的笔记
阅读是电子书好还是纸质书好
盘点2009年微博网站展望2010年互联网产品
和一号店网上超市类似的国外网上超市
优秀网页设计中的易视性元素
前端开发人员必备的14个常用开发手册
期待苹果apple的iTablet最新创造
以原型设计为基础分析可视化内容设计
Firebug 1.5正式发布:几个不错的新功能
浅谈交互设计:面向用户和现实的交互设计
体验新的代码感觉:十大编程字体
网页设计参考:很不错的15个HTML网页表单设计实例
交互设计研究:视觉注意力在设计中的运用
用户交互设计:避免让用户在网站上迷路

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


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