favicon.ico显示，favicon显示，favicon图标显示
goodyatou 2016-07-19
favicon.ico显示，favicon显示，favicon图标显示
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年7月19日 17:39:33 星期二
一、favicon图标显示
1、把favicon.ico图标文件放在项目的根目录下，命名必须是：favicon.ico 。
2、在<head></head>标签中加入下面的代码：
<link rel="shortcut icon" type="image/ico" href="${pageContext.request.contextPath}/favicon.ico"/>
<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"/> <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制作，毕竟本人亲自尝试过，这样能避免不必要的麻烦。
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年7月19日 17:39:33 星期二
