HTML相对路径是什么意思?

html-css07

HTML相对路径是什么意思?,第1张

简单举个例子,例如使用img标签调用demo文件夹下nihao.png图片,相对路径写法是demo/nihao.gif,绝对路径就是https://lanye.org/demo/nihao.gif

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

在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">即可。

以当前的目录为出发点、访问其它目录时所用到的路径就是相对路径(相对于当前目录)

..\abc\123.txt

表示

当前目录的上一级目录的子目录abc下的文件123.txt

以根目录为出发点、访问其它目录时所用到的路径就是绝对路径

\abc\123.txt

表示

根目录下的子目录abc下的文件123.txt