绝对路径与相对路径

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了绝对路径与相对路径相关的知识,希望对你有一定的参考价值。

1、绝对路径
绝对路径:所有网页引用同一个文件时,所使用的路径都一样。
绝对路径是以Web站点根目录为参考基础的目录路径。
在网络中,以http开头的链接都是绝对路径,绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,绝对路径一般在CGI程序的路径配置中经常用到,而在制作网页中实际很少用到。
 
2、相对路径
相对路径:保存于不同目录的网页引用同一个文件,所使用的路径将不相同。
相对路径是引用文件之网页所在位置为参考基础,而建立出的目录路径。
网页中经常使用相对路径。
 
 
 
3、绝对路径与相对路径的区别
描述目录路径时,参考点不同。
 
4、绝对路径和相对路径的写法
同级:
当前文件与目标文件在同一目录下,src="目标文件名+扩展名";
上级找下级:
当前文件与目标文件所外的文件夹在同一目录下,src="文件夹名/目标文件名+扩展名";
下级找上级:
当前文件所外的文件夹与目标文件在同一目录下,src="../目标文件名+扩展名";
 
../ :表示返回上一级
 
5、绝对路径和相对路径的优缺点及使用的地方
 
5.1、绝对路径的优点
5.1.1、如果有人抄袭你的网站内容,里面的链接还会指向你的网站,有些抄袭的人比较懒,根本不会去改内容。其实也不局限于被抄袭,如果有人将你的网页保存到本地电脑中,里面的链接、图片、css、以及js仍然会连接到你的网站。
5.1.2、如果网页位置改变,里面的链接还是指向正确的URL。
 
5.2、绝对路径的缺点:
5.2.1、在编码编写时不方便使用绝对路径,因为链接应该指向真正的域名而不是开发站点。
相对路径的优缺点和绝对路径几乎相反。
 
5.3、相对路径的优点:
5.3.1、容易移动内容,可以整个目录移动。
5.3.2、测试方法比较灵活,本机测试时比较方便。
5.4、相对路径的缺点:
5.4.1、部分内容页面换了位置时,链接容易失效。
5.4.2、容易被人大面积采集抄袭。
 
 
 

以上是关于绝对路径与相对路径的主要内容,如果未能解决你的问题,请参考以下文章

相对路径和绝对路径的区别

HTML相对路径与绝对路径~~~~~~遇到的问题..为啥会这样?

绝对路径与相对路径

绝对路径与相对路径

绝对路径与相对路径解析

绝对路径与相对路径