绝对路径和相对路径

标签：部分   css   font   上传   移动   相对路径   测试方法   内容   域名   

1. 绝对路径：就是你的文件或目录在硬盘上的真正的路径例如“bg.jpg”这个图片是存放在硬盘的“E:\img”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\img\bg.jpg"
2. 相对路径：顾名思义，相对路径 就是相对于当前文件的路径。网页中一般表示路径都用这个方法，例如在“s1.html” 文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.html”来说，是在同一个目录下的，那么要在“s1.html”文件里使用以下代 码后，只要这两个文件的相对位置没有变(也就是说还是在同一个目录内)，那么无论上传到Web服务器的哪个位置，在浏览器里都能正确地显示图片。再举一个例子，假设“s1.html”文件所在目录为“E:\html”下面，而“bg.jpg”图片所在目录为“E:\html\img”，那么“bg.jpg”图片相对于“s1.html”文件来说，是在其所在目录的“img”子目录里，则引用图片的路径应该为：img/bg.jpg 
3. 相对路径和绝对路径的优缺点

（1） 绝对路径的优点

① 如果有人将你的网页保存到另外一台电脑中，里面的链接、图片、css、以及js仍然会链接到你电脑的路径，这个时候就无法找到该资源，加载不出来，这样就可以防止被抄袭

② 如果网页位置改变，里面的链接还是指向正确的URL

（2） 绝对路径的缺点

① 在编码编写时不方便使用绝对路径，因为链接应该指向真正的域名，而不是开发站点

相对路径的优缺点和绝对路径的优缺点几乎相反

（3） 相对路径的优点

① 容易移动内容，可以整个目录移动

② 测试方法比较灵活，本机测试时比较方便

（4） 相对路径的缺点

① 部分内容页面换了位置时，链接容易失败

② 容易被人大面积采集抄袭

绝对路径和相对路径

标签：部分   css   font   上传   移动   相对路径   测试方法   内容   域名   

原文地址：https://www.cnblogs.com/wjrelax/p/8902258.html