如何修改网页小图标，浏览器页面上的图标(favicon.ico)

我们在查看网页的时候很多网站都有自己的小图标，系统读取这个标志的时候先从你的项目的根目录下读看有没有favicon.ico文件，如果有直接显示这个图标，如果没有，则会去webapps/root/下找这个文件，如果这两个地方都没有，则就显示IE图标。

那么如何更改这个图标呢？两种方式。

第一种方式：

1、找到已经安装的tomcat目录，进入D:\tomcat\apache-tomcat-7.0.50-1\webapps\ROOT目录下

2、在该目录下找到favicon.ico图标

3、将自己的小图标覆盖tomcat默认图标（注意名字必须是：favicon.ico）

4、重新启动你的tomcat

5、清除浏览器缓存并重启浏览器，然后访问你的项目地址，发现已经是你刚才设置的图标了。

第二种方式：

在jsp页面上添加：<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

1、其中 href 的值就是地址栏图标的路径，当然这个地址可以是相对的，也可是绝对的。

2、即这个值可以表示这个图标文件在项目中的路径，还可以改成下面这样

<link rel="shortcut icon" href="http://www.weather.com.cn/favicon.ico" type="image/x-icon" />

3、这种方式的话，如果你想每个页面显示的地址栏图标都不一样，也是可以实现的。

<link rel="icon" href="favicon.ico" type="image/x-icon" />--------〉rel：链接外部文件与此文件的关系。

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />-------〉Shortcut Icon -- 小图片

<link rel="bookmark" href="favicon.ico" type="image/x-icon" />--------〉bookmark -- 书签