JSP を使用して最初の動的 Web ページを作成しています。現在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を含める必要があることを自動的に認識しますか?
================================================== ================================
編集:@サンクリッシュ
私の 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
有効index.jsp
な HTML ではないことです。
================================================== ================================
EDIT2: jspf を削除し、このような header.jsp ファイルを作成しました (すべてのコンテンツをコピーしました。完全かどうかはわかりません)。
<%@ 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>
次に、私が行ったインデックスページにjspfを含める代わりに、<%@ include file="header.jsp" %>
cssはまだ本体内に含まれています:(。