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,然后重启就可以了。