让地址栏显示个漂亮的与众不同的小图标，可以让你的网站更容易被人记住，但笔者始终认为这是个锦上添花的东西，况且，不同的浏览器或相同浏览器的不同版本对这个的支持都不尽相同。比如ie6下的地址栏根本不会出现小图标，360的浏览器或世界之窗等可以支持这个功能，但好像也和浏览器的某些设置有一定关系。闲言少叙，如何才能让地址栏出现小图标呢？
其实实现的代码很简单，如下：
======================【html】=========================
<head>
<title>天津市财政局预算编审中心</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="BOOKMARK" href="/favicon.ico" type="image/x-icon"/>
</head>
======================【html】==========================
请相信，这样最容易实现。网上有很多个版本，我自己试验过无数，走了很多弯路，因为每个人的具体情况不一样，因此遇到的问题自然也不同。因此，建议读者严格按照此格式书写。<link rel="BOOKMARK"/>这一行可以删除，这行是为了在收藏夹里显示小图标用的。强烈建议图标的名字就叫favicon.ico.网上基本上只说一句，把favicon.ico放在网站的根目录即可，真的即可吗？？答案是否定的。举个例子，比如我的站点的首页为http://localhost:8080/wwwroot/index.jsp, wwwroot为此网站的根目录，那么favicon.ico应该放在哪呢？？？如果你觉得放在wwwroot下面，那你就太天真了。正确的答案是应该放在http://localhost:8080/ 所对应的目录下面。是不是很简单？？如果你认为这样，那你又错了。因为放在localhost:8080对应的目录里面，许多浏览器的地址栏上小图标也不会出现的。就是因为8080这个端口号。没错，就是这样的。
正确的作法是，不仅把favicon.ico放在localhost:8080之后，还要保证http://localhost/favicon.ico可以访问到这个小图标。只有这样，用360和世界之窗等浏览器访问你的站点时，地址栏才会出现小图标。对于端口号对地址栏小图标的出现产生的效应，几乎无人论及，笔者尝试了好多次，直到把tomcat的端口改为80后，才最终成功地在地址栏显示小图标。
注：小图标自己准备，让美工弄，不要自己随便弄个图片改扩展名，最好用16*16的。
分享到：
相关推荐
大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标，在浏览器的标签位置也有一个小图标，例如 Baidu 、腾讯等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢？有了这个小图标你...
增加：地址栏右键菜单增加粘贴并打开 增加：群组子项菜单增加删除群组功能 增加：访问网址保存时间间隔参数 修正：某些网站小图标无法显示的问题 修改：保护标签显示的问题 修正：某些情况下页面不能关闭的问题
增加了小图标显示功能(右键菜单内选择)；修正了多 DNS会自动退出的Bug。(2004/11) IPHelper3.1 - 加强了界面友好度，可以更改配置名称。添加了DNS修改功能。(2004/03) IPHelper2.6 - 加强了对多网卡的支持，对...
iMe爱米是好看好玩的桌面图标和网站图标快捷工具，iMe爱米是： 与苹果一样的Dock栏操作，好玩，高效，快捷，iMe爱米是最IN的本地上网导航和上网快捷地址栏。 1、仿苹果系统主菜单，与桌面融为一体，效果操作流畅。...
4、修改了工具栏，能自行在后台编辑地址，方便简单更实用! 5、增加了时事新闻，滚动显示! 6、去掉了部分广告和多余的东西! 增加了win8版metro风格的win8导航，现已被众多网友作为自己的导航首页，欢迎大家下载...
4、修改了工具栏，能自行在后台编辑地址，方便简单更实用!5、增加了时事新闻，滚动显示!6、去掉了部分广告和多余的东西!增加了win8版metro风格的win8导航，现已被众多网友作为自己的导航首页，欢迎大家下载实用。
277 如何清除IE地址栏历史记录? 278 如何添加IE浏览器收藏夹内容? 279 如何使用默认浏览器打开指定网页? 280 如何清除上次登录用户历史记录? 281 如何强制操作系统只执行规定的程序? 282 如何在系统“控制面板／添加...
9 当前为空白标签,在地址栏里输入关键词，回车后使用当前页签打开搜索页; 10 文本块超级拖拽变成复制到剪贴板; 11 播放列表选择多首歌曲，复制或移到另一个列表,另一个列表不能立即刷新的bug; 12 增加删除指定...
图标化的进度显示: 在浏览时每个标签旁都有一个小图标来显示该页当前的下载进度。 当图标为白色时进度在0%-25%之间，当蓝色区域占四分之一时进度在25%-50%之间，以此类推。当图标消失时说明该页已经下载完毕了。红色...
4、修改了工具栏，能自行在后台编辑地址，方便简单更实用! 5、增加了时事新闻，滚动显示! 6、去掉了部分广告和多余的东西! 安装说明： 1、安装完成后登录后台选择默认模板，在选择绿色模板，否则会有部分模板...
1、修正了原有的部分BUG(如IE地址栏问题等)； 2、新增了查看系统所有进程，并可以终止它； 3、加入了自定义电脑OEM信息，可以定义图片，厂商信息、厂商地址等 4、加入了IE修复功能，包括禁止修改注册表、禁止...
增加功能超级属性,在后台的列表编辑的图形化列表编辑的扩展信息里 修正应用到多个分类的一些小bug 修正文件夹页看不到滚动条的bug 修正小图某时无法看到的bug 修正后台某些小bug 修正有时无法登录到后台的bug 前台...
如果用户觉得软件的图标条过少，还可以根据需要自行添加，在软件的图标条上右击，选择“增加一行”即可在其下方增加一条图标栏 图9、增加一个图标条 图10、空白的图标条 除此之外，一般用户有这样一个...
6、修复了地址栏下拉列表偏小的问题； 7、修复了某些情况下，批量下载文件可能导致文件名解析不正确的问题； 8、修复了查看历史记录菜单在窗口最大最小化时不消失的问题； 9、修复了无法切换网站兼容模式的问题；...
SiteStar V2.7版功能说明：增加和改善功能1、站点基本设置中增加地址栏图标上传。2、调整文章、产品按后台顺序值从大到小进行排序显示。3、新增留言模块自定义留言项功能，方便各种网站留言表单需求。4、下载模块中...
*清除ie地址栏图片 *修复症状:启动空白页被修改成search for(需要重新启动） *补丁更新至2004-7-15 *新增进程动态连接库所属版权公司的分析 *取消office自动优化(该优化在98下会导致和瑞星冲突) *修复症状：...
2、增加软件菜单栏； 3、增加智能更新系统； 4、修复可能产生乱码的BUG。 1.3版本更新内容如下: 1、更改升级ID获取方式，减少未响应的可能性(如果网速过慢还是会造成未响应状态)； 2、增加软件起始画面； 3、更改...
+为所有Panel（包括Grid,Tree,Form等）增加枚举类型Icon，其中包含1700多个小图标。 -如果Panel具有IconUrl属性，则IconUrl优先于Icon。 -所有Icon的列表在icon.aspx。 -为Button,MenuItem(MenuButton,...
6、增加了自定义左侧导航栏底色的选项。 7、修正了任务树手动排序后，重启软件排序还原的bug。 8、修正了从工具菜单可直接打开密码箱的bug。 9、改善软件图标按钮的布局。 10、改善了人脉ctrl+A全选、标签查看时...