在线客服
扫描二维码
下载博学谷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的可能性非常低。
绝对路会指向你的网站,增加网站外链及权重,相对路径在测试服务器上进行测试比较容易,节省代码。使用绝对路径可带来一些外部链接,使用相对路径比较简单。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
你了解大前端吗?大前端的发展趋势如何?
你有没有听说过大前端时代?你了解大前端吗?大前端的 发展趋势如何?近些年来互联网越来越多元化的发展。从原来的PC页面前端到移动互联网wap网站以及APP,再到现在的微信小程序、快应用等等,前端工程师的工作内容越来越丰富,压力越来越大,面对现状,大前端的概念应运而生。下面我们就一起详细了解一下什么是大前端,以及大前端的发展趋势!
7613
2019-07-16 18:15:22
HTML5开发APP有哪些优点和缺点?HTML5优势和劣势大对比
HTML5开发APP有哪些优点和缺点?对比起来看,HTML5开发APP的优势明显大于劣势。比如HTML5有跨平台,开发成本低,推广更容易等等优点,同时它也有着一些缺点,比如容易受到网络的限制,用户体验性一般,变现慢等问题。本文将为大家详细分析一下,HTML5开发移动APP的优势与劣势。
5843
2019-10-23 12:45:55
六种前端排序算法代码演示
排序算法是前端算法中一个十分经典的算法,因此它也是前端面试中常见的考察重点。如今前端行业火爆,就业市场对前端人才的要求也越来越高,排序算法是每个前端从业者都必须掌握的基础知识。众所周知,排序算法有六种,分别是冒泡排序、选择排序、快速排序、归并排序、基数排序。下面我为大家逐一用代码演示这六大排序算法,感兴趣的朋友一起来看看吧!
4397
2020-04-13 10:23:09
前端jQuery基础学习笔记
众所周知,选择jQuery,可以写更少的代码,做更多的事情。jQuery作为前端开发和全栈开发必备的基础技术,我们都应该学习并熟练掌握它。本文为广大学习者总结和归纳了jQuery的基础知识,内容包括jQuery的概念、jQuery快速入门、JQuery对象和JS对象区别与转换和选择器。
3674
2020-05-06 11:39:28
前端学习中的重点难点总结
在互联网技术岗位中,前端一直被定义为入门简单,发展潜力巨大的技术方向。尤其对于新接触编程的同学们而言,非常容易理解并掌握HTML和CSS的基本知识,但是作为一门技术岗位,前端开发依旧具有一定的挑战性。因此我们一定要注意前端学习中的重点难点知识,在学习的过程中尽量掌握其要点,保障在实际工作中减少踩雷的风险。
5706
2020-08-07 10:27:04