将HTML移动到另一个文件夹,现在它没有正确链接CSS

时间:2016-02-27 22:21:38

标签: html css

我创建了一个标题(header.html)文件,导入我网站上的不同页面。只有在WebContent文件夹中才能使用它,并且可以完美地从Assets文件夹中绘制CSS文件,字体和图像。但是,当我尝试使用this方法将其导入到User文件夹下的JSP页面时,它不起作用。

当我将header.html移动到User文件夹时,它会完全停止从Assets文件夹中绘制,并且标题只会变为文本。我通过以下方式链接它:

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

此外,User文件夹和Assets文件夹都直接位于WebContent下。

提前致谢!

2 个答案:

答案 0 :(得分:2)

提供文件夹结构在父目录中具有上述用户和资产只需更改

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

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

这是一个相对链接,意味着它会上升到一个结构并从那里开始。

但是你需要考虑调用文件的位置,因为我们不知道你的目录结构这是我们用你所提供的信息做的最好的。

答案 1 :(得分:1)

只需使用绝对路径即可获得CSS&amp; JS&amp;字体&amp;其他资产

如何?

而不是

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

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

并确保assets目录位于您的域

的目录中

在许多情况下,绝对路径更好,因为您不必考虑如何从特定目录链接到您的资产,因为此路径始终从根目录开始

Here is similar question & answer