http://fanshuyao.iteye.com/
一、favicon图标显示
1、把favicon.ico图标文件放在项目的根目录下,命名必须是:favicon.ico 。

2、在<head></head>标签中加入下面的代码:
<link rel=\"大众shortcut icon\"大众 type=\"大众image/ico\公众 href=\公众${pageContext.request.contextPath}/favicon.ico\公众/>\r<link rel=\"大众bookmark\公众 href=\"大众${pageContext.request.contextPath}/favicon.ico\公众/>
(1)rel=\"大众shortcut icon\公众 表示标签页显示的图标,对应的href表示图标的路径,可以是相对路径或者绝对路径。例子中是Java项目,利用了绝对路径。
相对路径可以如下:
<link rel=\"大众shortcut icon\"大众 type=\"大众image/ico\"大众 href=\"大众favicon.ico\公众/>\r<link rel=\"大众bookmark\"大众 href=\"大众favicon.ico\"大众/>
(2)rel=\"大众bookmark\公众 表示收藏夹显示图标,效果如下:
没有利用bookmark,在收藏后没有图标,或者显示Tomcat的图标,利用后更加俊秀。
二、favicon图标制作
1、找一张背景透明的图片,支持格式 png、jpg、gif ,但必须是背景透明的,这样制作出来的favicon.ico图标都雅。
2、打开http://www.atool.org/ico.php,选择图片,然后选择32 32的格式(由于这样兼容较多的浏览器,并不是越大越好),然后点击【在线天生favicon.ico图标】,即可天生。
3、打开天生的图片,天生的图片虽然背景颜色显示是白色的,但放入到做事器项目根目录中显示出来是没有白色背景的,完美显示。
把稳:有些网站制作的favicon.ico是真的有白色背景的,这样不雅观观,培植还是到http://www.atool.org/ico.php制作,毕竟本人亲自考试测验过,这样能避免不必要的麻烦。