1.准备ico图标
可以通过在线生成ico图标的网站生成,改名为favicon.ico。
2.将favicon.ico放入WebRoot下。
3.在每个页面添加:
<link rel="icon" href="{contextPath}/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="{contextPath}/favicon.ico" type="image/x-icon" />
我是直接写在一个JSP文件,然后其他页面引入这个JSP。
如:favicon.jsp
<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> <title>Insert title here</title> <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> </head> <body> </body> </html>
其他页面:
<jsp:include page="favicon.jsp"></jsp:include>
4.如果你重启Tomcat,浏览器地址栏看到的图标是一个小红叉,添加下面的代码到你的web.xml。
<mime-mapping> <extension>ico</extension> <mime-type>image/x-icon</mime-type> </mime-mapping>
OK,然后重启就可以了。