1

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はまだ本体内に含まれています:(。

4

1 に答える 1