学分高考 web前端

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

发布时间: 2022-05-17 10:39:01

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

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

比如页面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的可能性非常低。

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

温馨提示:
本文【前端开发中绝对路径和相对路径的区别是什么?】由作者教培参考提供。该文观点仅代表作者本人,学分高考系信息发布平台,仅提供信息存储空间服务,若存在侵权问题,请及时联系管理员或作者进行删除。
我们采用的作品包括内容和图片部分来源于网络用户投稿,我们不确定投稿用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的权利,请联系我站将及时删除。
内容侵权、违法和不良信息举报
Copyright @ 2024 学分高考 All Rights Reserved 版权所有. 湘ICP备17021685号