HTML相对路径怎么写?

html-css026

HTML相对路径怎么写?,第1张

你用法没有错误,你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠(\).

在html里面引用外部image,或者html都是./这样写的。例如A,B是2个页面并且在同一个目录下。你要在B中点击时候跳转到A页面你就要这样写<a href="A.html" />

如果A在B的上级目录下你要在B中点击跳转到A你就要这样写了<a href="../A.html"/>,此时2个点就定位到了B的上级目录,也就是和A同一个目录了,这就是相对定位。

具体代码看下图

扩展资料:

比如html中想使用<img>标签来引入一个图片,那图片的引用src属性就涉及到一个路径问题。

相对路径指的是什么呢?指的就是相对于当前资源(当前资源现在指的就是html文件的位置)所在目录的位置。

1.比如一个文件夹叫hello

里面的文件一个叫demo.html

另一个叫2.jpg

则在demo.html中引用2.jpg文件时就可以直接写<img src="2.jpg" alt="这是一只大松树">,因为2.jpg现在相对于demo.html(当前资源)所在的目录hello,是直接在文件夹中的,所以正确。

2、当不在一个目录下时,怎么办?比如此时有了另一个文件夹world与hello文件夹并列,2.jpg此时位于world文件夹中,此时该如何引用呢?

答案:      ../可以返回上一级目录,需要返回几级目录就写几个../

此时可以写作<img src="../world/2.jpg">即可。

直接那例子来说明吧。

比如:D盘根目录下有名为web的文件夹,web文件夹下有01.html和01.js。

1.绝对路径:D:\web\01.js就是01.js的绝对路径,比如01.html文件要调用01.js,直接用<script src="D:\web\01.js"></script>

2.相对路径:由于01.html和01.js在同一目录下。01.html文件要调用01.js,可以用<script src="01.js"></script>。其中的01.js就是相对路径,也可以用<script src="./01.js"></script>。其中(注意有点)./01.js也是相对路径,是相对01.html的路径,.(点)表示本目录,也就是本目录下的01.js。

最后:绝对路径一般不移动文件位置,移动文件位置后不能访问到。而相对路径比如web文件夹及其内容可以放在任何位置,都可以用相对位置调用js。