在html中选择父目录

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
resources\template\
resources\images \