Web前端开发应该如何使用相对路径_CSS学习

资料来源：网络整理时间：2023/3/4 1:51:40 共计：3563 浏览

Web前端开发应该如何使用相对路径？

我们知道，网页中的CSS文件、JS文件、图片等多数都是以资源形式引入HTML中的，既然是资源文件那就存在一个引用的路径（位置）。Web前端对于资源路径的表现形式主要有两种：相对路径、绝对路径，相信大家在刚学习Web前端时就听老师和前辈们说过：相对路径要比绝对路径更容易维护。

那是不是意味着Web前端页面中各类资源就一定得用相对路径呢？其实也未必！

什么是相对路径？

在说相对路径前我们先大体了解下与相对路径对立的绝对路径。举例来说，老师在课堂上如果要点名，可能会说：“张三同学，请问答一下这个问题”，这里的指名道姓其实就可以理解为绝对路径。

但假设张三同学没有回答出问题，那老师可能会让他的同桌来回答问题，比如老师说道：“张三左边的同学回答一下这个问题”。此时，张三左边的同学就是相对于张三去定位到某个人的，这就可以理解为是相对路径。

总结来说，相对路径肯定是以一个绝对路径为参考点来定位寻找资源的。

相对路径的表示形式

那在前端中怎么判断一个路径是相对路径呢？很简单，比如下面这些URI就是相对路径形式：

a/b.html /a/b.html ./a/b.html ../a/b.html

如果一个URL是以“/”开头的，表示此资源是当前站点根目录下的某个资源；

“./”表示在当前目录下的资源；

“../”表示上一级目录下的资源；

如果不是以“http://”、“/”、“./”、“../”开头的URL，那默认就是以当前目录为参考路径去定位查找资源的。

建议使用绝对路径而不是相对路径

虽说使用相对路径可以避免再次部署时可能导致的路径错误的Bug，但我们在实际网站开发过程中并不建议大家使用相对路径！因为现在的网站是需要注重性能的，前后端分离、动静分离这种架构模式下再去使用相对路径是不合适的，而应该使用完整的“域名+路径”形式来引用资源，这样也易于后期的CDN加速。

以上就是我的观点，对于这个问题大家是怎么看待的呢？欢迎在下方评论区交流 ~ 我是科技领域创作者，十年互联网从业经验，欢迎关注我了解更多科技知识！

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。