绝对路径和相对路径

Posted 2020-08-07 缘琪梦

html初学者会经常遇到这样一个问题，如何正确引用一个文件。

比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？

如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 

为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。 

在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径

1.绝对路径：是从盘符开始的路径

例如“as.jpg”这个图片是存放在硬盘的“D:\图片\人物\美女”目录下，那么 “as.jpg”这个图片的绝对路径就是“D:\图片\人物\美女\as.jpg”。

比如在网页中插入该图片就应该使用以下语句

<img src=“D:\图片\人物\美女\as.jpg”  /> 

 

2.相对路径:是从当前路径开始的路径

    所谓相对路径，就是相对于自己的目标文件位置。例如前面的例子，“index.html” 文件里引用了“mm.jpg”图片，由于“mm.jpg”图片相对于“index.html”来说，是在同一个目录的，那么在index.html中引用图片就应该写成<img src=‘mm.jpg‘ />

 

“./”表示当前路径，“.”通常情况下可省略，

“../”来表示上一级目录。如果有多个上一级目录，可以使用多个“../”，