如何建立相对路径?

时间:2019-02-12 20:16:08

标签: html relative-path

我在学校的网站设计课程中,被困在这个项目上。我必须将5个html和5张图片放在单独的子文件夹中,将css文件保留在两个子文件夹之外,并在css文件和html页面之间建立相对路径,并在htmls和图片之间建立路径。我无法弄清楚如何将css文件应用于每个html,以及如何使图像弹出在页面上(我不知道如何在html和图片之间建立路径)。如果很难理解,我很抱歉,我不会讲代码

1 个答案:

答案 0 :(得分:1)

首先,您需要了解相对路径的工作原理:

  

相对路径是指相对于当前目录的位置。相对路径使用两个特殊符号,即点(。)和双点(..),它们转换为当前目录和父目录。双点用于在层次结构中向上移动。一个点代表当前目录本身。

发件人:http://desktop.arcgis.com/en/arcmap/10.3/tools/supplement/pathnames-explained-absolute-relative-unc-and-url.htm#GUID-5118AC85-57E4-4027-AC24-FB6E99FADEFF

现在,我假设您的顶级ProjectFolder包含您的css,其中包含html的名为htmlFolder的文件夹以及其中包含图像的名为imageFolder的文件夹。

因此,从htmlFolder中的一个文件的角度来看,css文件位于父目录(直接在“父目录”上方),因此您的相对路径可能类似于:

  

../ myStyle.css

图像位于所谓的“同级”文件夹中,这意味着它们共享同一父级。同级路径如下:

  

../ imageFolder / myImage.png

此相关问题的最高答案给出了与网站相关的类似但更详细的解释:Relative path in HTML