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

心得技巧
新闻风格网站设计实例25个
下拉菜单和滑动菜单设计实例
网页小空间大图片的放置
网站设计经验 建设网站常犯错误汇总
将rar文件隐藏在图片中的实现方法
土豆网(tudou.com)前端概况
Tudou.com首页网页设计的制作方法
网页栅格系统研究:技术实现
英文文章:寻找创意灵感
推荐能找到设计灵感的网站
Web设计放弃闭塞思想而跳出网格之外思考
网页设计必备工具和生成器(英文软件)
网站作品:56个出色的现代网站设计
更好利用光影的五个网页设计技巧
让用户浏览网页速度更快的优化技巧
如何用doctype激活浏览器?
sIFR、typeface.js和cufon文本替换技术
网站设计师参考:获取灵感的CSS画廊
WEBJX收集18个网页设计者不可错过的论坛
设计参考:WordPress建站成功案例

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


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