大家在浏览网页的时候,有没有发现在浏览器地址栏中,有的网址前面有一个小图标,代表网站的logo.比如百度前面那个蓝色小脚丫子,和新浪网的那个大眼睛。究竟它们是怎么实现的那?很简单,我给大家将下如何实现这样的效果。

一,你要制作一个后缀名为ico的小图标,大小为16*16。网上有不少这样的制作工具。给大家推荐一个比较好的在线制作ico图标的网站www.bitbug.net.你只需要将要转换的图片上传,它就会自动生成ico图标。
二,将ico图标取名为favicon.ico,上传到你的网站的根目录下即可。
三,如果你想其他页面显示不同的图标,只需要在当前页面 <head></head>标签中加入
<link rel="Shortcut Icon" href="图片的地址">,如果想在收藏夹中显示,还要加入<link rel="Bookmark" href="图片的地址">。图片的地址为相对地址。
经测试在firefox中对地址栏中图标显示支持性较好。而在IE6.0中经常无法显示。如何解决在IE6.0中无法显示地址栏图标那?有一个简单的办法就是将当前网址添加到收藏夹中,然后再访问即可。