原创 前端开发中绝对路径和相对路径的区别是什么?

发布时间:2020-07-16 11:51:15 浏览 1822 来源:博学谷 作者:吾非鱼

      前端开发中绝对路径和相对路径的区别是什么?绝对路径和相对路径主要的区别是域名是否是完全网站,起作用是相同的。绝对路径指的是包含域名的完整网址,相对路径指的是不包含域名的被链接页面相对于当前页面的相对网址。

     

    绝对路径和相对路径的区别
      一、绝对路径和相对路径域名区别:


      比如页面A的URL是https://www.boxuegu.com/news/3797.html,页面 B 的URL是 https://www.boxuegu.com/news/3773.html,页面 A 链接到页面 B 时使用的代码如下:


      <a href="//news/3797.htmll">页面B的链接文本</a>

      这就是相对路径。


      如果使用完整的 URL:


      <a href="https://www.boxuegu.com/news/3773.html">页面B的链接文本</a>

      浏览器地址栏中所显示的完整的URL就是绝对路径。


      网站应该使用绝对路径还是相对路径呢?对SEO有什么影响?没有绝对答案,两者各有优缺点。


      二、绝对路径和相对路径优缺点对比


      1、绝对路径


      绝对路径的优点:
      如果有人抄袭、采集你的网站内容,抄袭者比较懒,连页面里面的链接一起原封不动地抄袭过去,绝对路径链接还会指向你的网站,增加网站外链及权重。


      网站有 RSS 输出时,内容会被一些 Feed 聚合网站抓取显示。同样,页面里指向原网站的链接会被保留。有助于预防和解决网址规范化问题。即使网页移动位置,网页中的链接还是指向正确的 URL。


      绝对路径缺点:
      除非链接是动态插入的,不然不好在测试服务器上进行测试。因为里面的链接将直接指向真正域名的 URL,而不是测试服务器上的 URL。除非链接是动态插入的,不然移动页面将比较困难。因为页面位置发生变化,其他页面链向本页面的链接可能无法跟着变化,还指向原来的已经硬编码的绝对路径。


      代码比较多。链接数量大时,多出来的字符可能使 HTML 文件变大不少。


      2、相对路径


      相对路径正好相反,相对路径优点:
      移动内容比较容易,不用更新其他页面上的链接。在测试服务器上进行测试比较容易。节省代码。


      相对路径的缺点如下:
      页面移动位置,里面的链接可能也需要改动。被抄袭和采集的网站没有任何益处。不过很多采集软件其实是可以自动鉴别绝对路径和相对路径的,所以使用绝对路径有助于自己的链接留在采集网站上,只在某些情况下是有效的。搜索引擎解析 URL 时可能出错,不能正确读取页面上的链接 URL。


      如果不能做301重定向,因而产生了严重的网址规范化问题,使用绝对路径有助于解决网址规范化问题。如果文章被大量转载、抄袭,使用绝对路径可以带来一些外部链接。除此之外,使用相对路径比较简单。在正常情况下,相对路径不会对网站有什么副作用,绝对路径也不会有什么特殊好处。搜索引擎错误解析相对路径URL的可能性非常低。


      绝对路会指向你的网站,增加网站外链及权重,相对路径在测试服务器上进行测试比较容易,节省代码。使用绝对路径可带来一些外部链接,使用相对路径比较简单。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: JavaScript基础入门学什么?JS基础知识 下一篇: 什么是HTML?Web前端基础知识

相关推荐 更多

热门文章

  • 2021年开源就业报告来了!它透露了以下几个信息
  • 看到这位老程序员的补丁,我陷入了思考......
  • 一篇关于程序员的复仇笔记
  • 都说C++难,那么它到底难在了哪里?
  • 清华应届生要求月薪3万+期权,被HR狂喷
  • 大学生就业调研报告,超六成大学生认为自己十年后是这个薪资
  • 整洁代码有多重要,看了这个你就懂了
  • C++的校招的面试题,看看你能答对几个?
  • TIOBE 9月编程语言排名!它终于出圈了
  • 9月份的数据库排名来啦!速来围观
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码