欢迎光临
我们专注百度快照排名,网站快照排名优化,

相对路径和绝对路径的优缺点

提到URL路径分类,一般是针对前端人员和后台程序人员所定义的,这里统称为技术人员。技术人员一般会通过调用图片、CSS及JS代码来对网站进行设计。而这种调用模式一般分为两种,一种是相对路径,另外一种则是绝对路径。专业一点来说可以分为相对URL和绝对URL地址

相对路径和绝对路径的优缺点

什么是相对路径

我们都知道打开正确的网址才能获得想要的网站。同样,网站里的图片、样式(CSS)及特效(JS)也是需要正确的路径才能获取到。在新手学习前端代码的时候,往往会因为调用错误而导致图片不能显示、样式显示错误、特效无法显示等问题。而这个时候我们就要学会怎么使用路径了,路径对了,图片、样式、特效就都能正确显示了。

相对路径主要针对的情况有两种,一种是最顶端的相对路径,即域名本身之下。因为所有的信息都归于网站域名本身所有,所以当出现这种情况的时候,所有的相对路径均可以省略掉域名。

如我们通过FTP将一张ceshi.jpg的图片上传到了域名http://www.xusseo.com之下,那么想要获取到这张图片的正确写法则是:<img src=”/ceshi.jpg”width=400px height=400px>。/ceshi.jpg中的/是省略掉了域名本身。

CSS的写法是:<link href=”/ceshi.css”rel=”stylesheet”type=”text/css”/>;

JS的写法是:<script language=”javascript”type=”text/javascript”src=”/ceshi.js”></script>。

相对路径的另外一种情况则是某个目录下的文件,当出现这种情况的时候,我们就需要找到对应的文件夹并使用对应文件夹的路径。例如,我们通过FTP将一张ceshi.jpg的图片上传到二级栏目下,二级栏目的文件夹名称为xiangmu,然后将这张ceshi.jpg图片上传到xiangmu文件夹下。

如果我们想要调取这张图片,那么正确的写法则是:<img src=”/xiangmu/ceshi.jpg”width=400px;height=400px;>。

CSS的写法是:<link href=”/xiangmu/ceshi.css”rel=”stylesheet”type=”text/css”/>;

JS的写法是:<script language=”javascript”type=”text/javascript”src=”/xiangmu/ceshi.js”></script>。

当然如果我们所调用的图片、CSS及JS代码和所需要使用的网址在同一个目录下,同样可以省略掉该目录的文件夹名称。总的来说,相对路径的使用是比较灵活的,需要结合当前的路径进行调整。

相对路径的优缺点

相对路径的优点是容易移动,可以通过整个文件夹进行移动;测试本地网站也更加方便。相对路径的缺点是如果代码不够严谨,当移动文件夹之后,部分页面可能会出现错乱现象;而且如果使用相对路径的话,很容易被人整站抄袭。

什么是绝对路径

相对路径是相对某个文件夹下的单独调用,而绝对路径则指的是固定的某个文件夹下的调用。绝对路径调用起来与相对路径相比更单一但也更稳定,如果不单独修改这一路径下的资料,是绝对无法更改和使用该路径下的内容的。

绝对路径使用的地方较少,没有特殊需求的情况下是不会使用的。但是这种绝对路径通常会出现在抄袭网站的时候,有些抄袭网站的技术人员因为贪图省事,所以都会直接使用对方的网址。

例如,我们的网址是www.xusseo.com,而对方的网址是www.yyy.com,那么对方网站下的图片的路径使用则是<img src=”/ceshi.jpg”width=400px;height=400px;>。如果这张图片需要在我们的网址www.xusseo.com下使用的话,就会变成<img src=”http://www.yyy.com/ceshi.jpg”width=400px;height=400px;>。

这种方法被很多技术人员所使用,但是对于网站本身来说却是没有任何好处的。我们其实可以通过图片下载的方法将www.yyy.com下的图片下载到本地,然后通过FTP将这张图片上传到网站www.xusseo.com下,这样就能正常使用了。

绝对路径的优缺点

绝对路径的优点是,如果有人抄袭你的网站内容,里面的链接还会指向你的网站。有些抄袭的人比较懒,根本不会去修改内容。其实也不局限于被抄袭,如果有人将你的网页保存到本地计算机中,里面的链接、图片、CSS及JS仍然会连接到你的网站。

当网页位置被修改的时候,因为使用的是绝对路径,所以依然会指向正确的路径。绝对路径的缺点是在本地测试的时候,如果使用http://127.0.0.1的话,后期网站正式上线修改起来会非常麻烦。

总结:针对相对路径与绝对路径的优缺点,重庆seo徐三已经详细介绍了,大家应该知道如何选择了,不过个人建议还是选择绝对路径。

未经允许不得转载: » 相对路径和绝对路径的优缺点

本文链接: http://www.xusseo.com/seormjc/1569.html

版权声明:本文著作权归原作者徐三seo所有,转载请注明出处,感谢!

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

重庆SEO培训徐三为您提供最专业的SEO方案

SEO十万个为什么熊掌号专题