前端开发中绝对路径和相对路径的区别是什么?绝对路径和相对路径主要的区别是域名是否是完全网站,起作用是相同的。绝对路径指的是包含域名的完整网址,相对路径指的是不包含域名的被链接页面相对于当前页面的相对网址。
一、绝对路径和相对路径域名区别:
比如页面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的可能性非常低。
绝对路会指向你的网站,增加网站外链及权重,相对路径在测试服务器上进行测试比较容易,节省代码。使用绝对路径可带来一些外部链接,使用相对路径比较简单。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
2019年前端开发工程师好找工作吗?
Web前端工作还好找吗?Web市场是否已经饱和?Web前端前景如何?很多学习前端或者计划进入前端领域的小伙伴都会提出这样的思考!在移动互联网以及小程序的再次冲击下,前端工程师一度成为IT行业炙手可热的岗位之一。根据各大招聘网站数据显示,2019年,前端工程师岗位需求依旧呈现上升趋势。
6771
2019-08-08 10:12:25
前端与移动开发在线课程怎么样?有哪些优势?
前端与移动开发在线课程怎么样?有哪些优势?博学谷前端与移动开发在线课程是专门为零基础同学打造的就业课程。其教学模式既结合了线下教学的师生互动性,有融合了线上教学的便捷高效。下面让我们来看看前端与移动开发在线课程的具体优势。
2859
2019-08-29 13:02:07
十个实用的CSS代码技巧整理
为了让大家高效率的进行工作,本文归纳总结了十个实用的CSS代码技巧,希望对大家能有所帮助。简单来说,这十大技巧分别是注意外边距折叠,使用flex进行布局,所有元素设置为Border-box,重置元素的CSS样式,使用transform属性来创建动画,短横线命名,不要使用!important,使用AutoPrefixer达到更好的兼容性,Caniuse和验证。
2497
2019-11-10 14:57:03
前端页面开发配色原则有哪些?
前端页面开发过程中,不仅仅要考虑到页面功能的问题,还需要着重注意网站配色因素。除去网站定位的主色调外,一个优秀的前端页面还要遵循配色原则。避免因为配色问题导致网页杂乱,从而影响用户的视觉体验。那前端页面开发配色原则有哪些呢?
3709
2019-11-22 18:32:58
Web前端需要学习什么?
Web前端需要学习什么?Web前端开发需要学习网站设计、网页界面开发、网页界面开发、前台数据绑定和前台逻辑的处理、设计、开发、数据等方面的知识。HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。
2136
2020-06-23 15:17:22
热门文章
- 大数据的薪资怎么样?想学大数据了?
- 吐血整理的大数据学习资源大全
- 数据分析行业到底有多卷
- 传智教育在线课程助力职场升级,看IT人才如何破局职业瓶颈
- 传智教育博学谷赋能在职人群,推出系列公开课及大咖1对1聊技术
- 大数据开发的前景和就业如何?该如何去学习它?
- 成为架构师,读书之外什么更重要?
- 如何从Java工程师成长为架构师?
- 比较实用的大数据分析模型有哪些?
- Java原子操作之CAS原子指令学习 查看更多
扫描二维码,了解更多信息
