Web开发中的相对路径和绝对路径

在学习HTML的时候一定会遇到引入文件和链接跳转页面，比如：JS文件、CSS文件、Image图片。我们就会考虑是相对路径和绝对路径的问题。下面PHP程序员雷雪松就详细讲解下Web开发中的相对路径和绝对路径是什么？

相对路径

相对路径，就是相对于当前文件的目标文件位置。这样有个好处就是，当你整个项目移动时，你项目内文件之间的相对关系没有改变，你之前设置的路径任然是准确的。例如：Web服务器文件夹a下面有index.html和image.jpg两个文件。index.html文件里引入image.jpg，只要这两个文件的相对位置没有变(也就是说还是在文件夹a下面)，那么无论上传到Web服务器的哪个位置，这个路径都是正确的。在相对路径里面，./表示同级目录，../表示上级目录。

绝对路径

绝对路径是指目录下的绝对位置，直接到达目标位置。比如：d:/www/index.html、https://www.leixuesong.com/index.php。使用绝对路径可以防止网站被恶意抄袭，抄袭默认的链接还是指向自己的网站。只要页面中的目标文件位置不变你的链接还是指向正确的URL。在Web开发的时候一般很少使用绝对路径，因为你本地的环境和服务器上的路径可能不一样。/表示文件的根目录。

在Web开发中的相对路径和绝对路径都有使用，各有优劣。简单的总结下，相对路径就是以当前文件为参考点，来确定不同文件的路径，相对路径一般会以./、../开始，当然.如果文件是同级目录./可以省略绝对路径就是以计算机的文件或者是网络上的绝对地址确定文件的路径，绝对路径一般是Windows下的盘符开始、Linux下的/开始（但是在Web服务器中，/表示Web服务器的根目录）、或者是以网址开始。

标签：HTML教程

来源：Web开发中的相对路径和绝对路径