1

eclipse で作成した css を jsp にリンクしようとしていますが、プロジェクトを実行してもブラウザーに結果が表示されません。入れて、複数の方法で試しました

<link rel="stylesheet" href="css/first.css" type="text/css">

<link rel="stylesheet" href="boe/WebContent/first.css" type="text/css">

<link rel="stylesheet" href="(my full path to the file)" type="text/css">

私はあまりにも多くのことを試みたので、エラーを出さないようにする方法を覚えていません。私はこれを取得しています

Tag (link) should be an empty-element tag.

注意エラーとして。

cssを作成してjspにリンクさせるためのステップバイステップが見つからないため、ブラウザに表示できます。

jsp と css の両方のコードを次に示します。

jsp:

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page import="java.util.*" language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="css/first.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>TestPage - Test1</title>
</head>

<body>
    <div id="page-container">Hello World</div>
    <%Date d = new Date(session.getLastAccessedTime());%>
    this page was last viewed <%= d.toString() %>
</body>
</html>

CSS:

@CHARSET "UTF-8";
html, body {
    margin:0;
    padding:0;
}

#page-container {
    width: 760px;
    margin: auto;
    background: red;
}

ステップバイステップを見つけるための助け、または良い説明があれば、それは大歓迎です。ありがとうございました

4

3 に答える 3

7

タグ (リンク) は、空の要素のタグである必要があります。

このエラー メッセージは、linkタグに終了スラッシュが必要であることを示しています。

<link rel="stylesheet" href="css/first.css" type="text/css" /> <-- see the closing '/'

それでも問題が解決しない場合、私の推測では、あなたのパスは正しくないということです。

于 2012-11-08T16:28:00.020 に答える
1

で着替えました

<head>
    <link rel="stylesheet" href="css/first.css" type="text/css">

に

<head>
    <style type="text/css">
    <%@include file="css/first.css" %></style>
</head>

「WebContent」ファイルの下のEclipseプロジェクトエクスプローラーで、「CSS」という名前のフォルダーを追加し、first.cssをそのフォルダーに移動しました。

私が読んだことから、これはcss全体をインポートするため、リンクする非常に非効率的な方法です。

于 2012-11-08T16:59:11.910 に答える
0

上記のコードで、「css」を css ファイルのフル パスに置き換えます。.css ファイルを右クリックしてフル パスを取得できます -> プロパティ -> 場所をコピーし、「css」の代わりに上記のコードを貼り付けます。

于 2013-04-03T20:08:40.623 に答える