绝对路径与相对路径的区别【1】

时间:2021-02-20 20:35:02

例:
c:/website/web/index.htm
c:/website/img/photo.jpg

在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?

错误写法:img/photo.jpg

这种写法是不正确的,在此例中,对于“index.htm”文件来说“img/photo.jpg”所代表的绝对路径是“c:/website/web/img/photo.jpg”,显然不符合需求。

正确写法:使用“../img/photo.jpg”的相对路径来定位文件

例:
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg

在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?

错误写法:../img/images/photo.jpg

这种写法是不正确的,在此例中对于“index.htm”文件来说“../img/images/photo.jpg”所代表的绝对路径是“c:/website/web/img/images/photo.jpg”。

正确写法:能使用“http://www.cnblogs.com/img/images/photo.jpg”的相对路径来定位文件

例:
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg

在此例中“index.htm”中联接的“photo.jpg”应该怎样表示呢?

错误写法:http://www.cnblogs.com/img/photo.jpg

这种写法是不正确的,在此例中对于“index.htm”文件来说“http://www.cnblogs.com/img/photo.jpg”所代表的绝对路径是“c:/website/img/photo.jpg”。

正确写法:能使用“../img/photo.jpg”的相对路径来定位文件

总结:通过以上的例子能发现,在把绝对路径转化为相对路径的时候,两个文件绝对路径中相同的部分都能忽略,不做考虑。只要考虑他们不同之处就能了。

怎么修改样式表的路径:

使用文本编辑器打开“htm”文件,查看原始码,在原始码的开头部分“......”标记中间找到“”。“Href=”后面的内容就是“css”的路径,我们能根据以上的知识进行相对路径的转换。

例:
c:/website/web/xz/index.htm
c:/website/css/test.css

在此例中“index.htm”中联接“test.css”文件,能使用“http://www.cnblogs.com/css/test.css”的相对路径来定位文件,完整的代码标记是“”

错误写法举例:http://www.cnblogs.com/../css/test.css

这种写法是不正确的,在此例中对于“index.htm”文件来说“http://www.cnblogs.com/../css/test.css”所代表的绝对路径是“c:/css/test.css”