Question

我有一个普遍的问题（我不是都熟悉html）。

以下使用我发现的斜杠指向子目录，在本例中为图像：

/Image/my_Image.png

是否有指向父目录的html等效项？

Answer 1

../会为您提供一个更高级别的父目录。您可以尽可能多地使用../../

等更高级别的父母

../Image/my_Image.png

将是父目录中的Image文件夹

Answer 2

./ = current
../ = parent

所以假设你有一个名为“styles.css”的CSS文件中的图像样式规则。

当正在阅读CSS时，它将用于当前位置的css文件的位置。因此，如果您想要获得图像，可以这样指出：

background: url("../Image/my_Image.png") no-repeat scroll 0 0 transparent;

如果图像的位置直接位于C：\上，则必须返回两个父目录：

background: url("../../my_Image.png") no-repeat scroll 0 0 transparent;

此原则也适用于JavaScript文件等。

Answer 3

它与<base>标记一起完美地运作;

例如

<head>
<base href="resources\">
</head>

然后从根索引：<a href="template\sample1.html">sample1</a>

<head>
<base href="..\resources\">
</head>

然后从模板：<img src="images\sample1.jpg">

使用目录结构，如：

的index.html
    资源\模板\
    资源\图像\