在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
前端开发中绝对路径和相对路径的区别是什么?绝对路径和相对路径主要的区别是域名是否是完全网站,起作用是相同的。绝对路径指的是包含域名的完整网址,相对路径指的是不包含域名的被链接页面相对于当前页面的相对网址。
一、绝对路径和相对路径域名区别:
比如页面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的可能性非常低。
绝对路会指向你的网站,增加网站外链及权重,相对路径在测试服务器上进行测试比较容易,节省代码。使用绝对路径可带来一些外部链接,使用相对路径比较简单。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端知识点之Node是什么?
Node是什么?简单的说,Node.js 就是运行在服务端的 JavaScript,它也是一个基于Chrome JavaScript 运行时建立的一个平台。下面小编将向大家讲解前端知识点之Node。
7104
2019-07-30 14:38:22
CSS流式布局 知识讲解
CSS的工作方式是浏览器逐行下载样式表,应用其可识别的属性,忽略其不支持的属性。本文将介绍CSS流式布局,分别从html结构、固定布局样式、将固定布局改为流式布局三个方面来阐述,感兴趣的小伙伴可以继续看下去。
5750
2019-08-02 14:12:38
前端开发培训班的实战项目有哪些?
如今,多屏互动和多端兼容友好的界面日益成为所有系统重要的需求,因此优秀的前端开发工程师在就业市场上也变得更为抢手。本文将为广大的前端学习者介绍一下前端开发培训班的一些实战项目,希望大家可以通过理论知识和项目实践的学习,朝着中高级前端工程师的方向发展。
5973
2020-05-13 14:44:49
Web前端CSS面试题及答案
Web前端CSS面试题及答案,CSS层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS在Web设计领域是一个突破,CSS实现修改一个小的样式更新与之相关的所有页面元素。是前端工程师面试过程中必不可少的考核点。
5534
2020-05-22 16:36:30
哪里前端培训机构好?怎么选?
哪里前端培训机构好?怎么选?可以从师资、课程内容、口碑、就业情况,根据自己的需求选择几所符合条件的机构,然后再对这几所机构进行对比分析,看哪一个是比较好的符合自己的web前端培训机构。
4738
2020-07-23 09:56:18