如何在jsp页面中链接css文件

时间:2018-04-25 22:05:47

标签: java html eclipse jsp bootstrap-4

我的目录Project Explorer

我是JSP的新手,并尝试将位于bootstrap / css / bootstrap.min.css中的bootstrap.min.css文件与位于Parts / Header.jsp中的头文件Header.jsp链接

这是我的代码 Header.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

回到Home.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page ="Parts/Header.jsp"/> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

为了避免相对路径,您必须使用应用程序的上下文根/前缀来启动您的URL。

然后改变:

<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">

人:

<link rel="stylesheet" href="<%= request.getContextPath() %>/bootstrap/css/bootstrap.min.css">