Question

我正在用JSP编写我的第一个动态网页。现在我有一个没有标题的工作index.JSP。我写了一个header.jspf，看起来像这样：

<header>
<div id="head">
<img src="images/header/logo.png" alt="logo">
<h1>Rewards</h1>
</div>
</header>

我在我的index.JSP中包含了这一行的标题：<%@ include file="header.jspf" %>，就在正文之后。但现在我想知道。我应该在哪里放置该标头的CSS。我可以将它放在header.JSPF内，但是如果我这样做，它会在页面由服务器“构建”时插入到正文中。我可以将它放在<head>页面内的index.JSP标记中，但每次我使用该片段时都应该包含css。

将{css'链接到header.jspf并且每当我包含标题时，服务器自动知道它应该包含该标头的css，而不是每次都在我的jsp中输入，我需要那个css文件标题？

=============================================== ===================================

编辑： @San Krish

我的header.jspf看起来像这样，我想如果，我包括我的css：

<link rel="stylesheet" type="text/css" href="cssFiles/header.css">
<header>
<div id="head">
<img src="images/header/logo.png" alt="logo">
<h1>Rewards</h1>
</div>
</header>

然而问题是，当我这样做时，<link rel="stylesheet" type="text/css" href="cssFiles/header.css">会插入我body的{{1}}，而且这不是有效的HTML。

=============================================== ===================================

EDIT2：我删除了jspf并创建了一个看起来像这样的header.jsp文件（我复制了所有内容，我不知道它是否完整）

index.jsp

然后我没有在我完成的索引页面中包含jspf：<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <head> <link rel="stylesheet" type="text/css" href="cssFiles/header.css"> </head> <body> <div id="head"> <img id="logo" src="images/header/logo.png" alt="logo"> <h1>Reward</h1> </div> </body> 然而，css仍包含在体内:(。

Answer 1

是否有＆＃39;链接＆＃39; css到header.jspf，每次我都包括标头，服务器自动知道它应该包含那个css 标题

jspf文件不是自己编译的，因此需要与其他jsp文件一起执行。

您可以在css中添加常见的js和common.jsp文件，以便使用header.jspf的所有其他文件都会失去链接公共{{1}的负担}和css个文件。

<强>更新

我删除了jspf并创建了一个header.jsp文件，而不是我在索引页面中包含了jspf：＆lt;％@ include 文件=＆＃34; header.jsp中＆＃34; ％GT;但是css仍然包含在内部体

您已将js与css一起包含在header.jsp中，就像将html网页嵌入到另一个html页面中一样，

index.jsp

jsp包含预编译的java代码，而不是它类似于html，所以你不必担心它将放置css文件的位置（浏览器的工作是将外部CSS渲染到头标记，它将正常发生）

文档摘录，

jsp：include操作会插入其他静态或动态资源在页面显示时，在请求时进入页面。指定具有相对URL的资源（页面相对或应用程序相对）。

了解详情：

如何处理JSP片段的css？

1 个答案: