2024年网页设计的相对路径 篇1
我们知道，网页中的CSS文件、JS文件、图片等多数都是以资源形式引入HTML中的，既然是资源文件那就存在一个引用的路径（位置）。Web前端对于资源路径的表现形式主要有两种：相对路径、绝对路径，相信大家在刚学习Web前端时就听老师和前辈们说过：相对路径要比绝对路径更容易维护。
那是不是意味着Web前端页面中各类资源就一定得用相对路径呢？其实也未必！什么是相对路径？
在说相对路径前我们先大体了解下与相对路径对立的绝对路径。举例来说，老师在课堂上如果要点名，可能会说：“张三同学，请问答一下这个问题”，这里的指名道姓其实就可以理解为绝对路径。
但假设张三同学没有回答出问题，那老师可能会让他的同桌来回答问题，比如老师说道：“张三左边的同学回答一下这个问题”。此时，张三左边的同学就是相对于张三去定位到某个人的，这就可以理解为是相对路径。
总结来说，相对路径肯定是以一个绝对路径为参考点来定位寻找资源的。相对路径的表示形式
那在前端中怎么判断一个路径是相对路径呢？很简单，比如下面这些URI就是相对路径形式：a/b.html /a/b.html ./a/b.html ../a/b.html
如果一个URL是以“/”开头的，表示此资源是当前站点根目录下的某个资源；
“./”表示在当前目录下的资源；
“../”表示上一级目录下的资源；
如果不是以“http://”、“/”、“./”、“../”开头的URL，那默认就是以当前目录为参考路径去定位查找资源的。建议使用绝对路径而不是相对路径
虽说使用相对路径可以避免再次部署时可能导致的路径错误的Bug，但我们在实际网站开发过程中并不建议大家使用相对路径！因为现在的网站是需要注重性能的，前后端分离、动静分离这种架构模式下再去使用相对路径是不合适的，而应该使用完整的“域名+路径”形式来引用资源，这样也易于后期的CDN加速。
以上就是我的观点，对于这个问题大家是怎么看待的呢？欢迎在下方评论区交流 ~ 我是科技领域创作者，十年互联网从业经验，欢迎关注我了解更多科技知识！
2024年网页设计的相对路径 篇2
首先，感谢作者的邀请，希望能成为优质回答，如果觉得回答的还行，请关注我，嘻嘻...
1、URL越短越好
据了解，最长的网站URL好像是可以为一千个字母，当然这个我没有经过测试，只不过是互联网上的一些资料。相信真正这样去做的网站，可能很少。毕竟这不符合用户体验的要求，搜索引可能收录没什么问题，那么用户想记下这么长的URL基本为不可能。
简短的URL方便记录与传播，就拿一个我们常用的操作来说吧！做友情链接经常都会直接复制URL，短URL不会有问题，长URL复制时都会费劲，也可能复制得不完整，造成404错误。
2、目录层次尽量不要太深
这时太差的目录层次，我们是说URL的物理目录结构。
当然目录层次与网站整个分类结构是相关的，网站分类层数越多，目录层次也跟着增加。在可能的情况下，尤其是静态化URL时，尽量使用比较少的目录层次。据我们SEO的经验，目录层次比较浅的网站，收录会比较有优势。
这说说的尽量不要太深，并不建议大家把页面全放在根目录下，那样的话，超过几千页的网站就不容易管理了，不仅搜索引擎无法从目录层次了解归属关系，站长自己恐怕也不容易分清哪个页面属于哪个分类。一般只要目录层次不要超过三层，收录是没什么影响的。
3、URL包含关键词
关键词出现在URL中，也能提高页面相关性，在排名时贡献一点分数。关键词出现得越靠前越好，也就是说出现在域名中最好，其次是出现在目录名中，效果最小的是出现在文件名中，不过切不可为了出现关键词而堆积。
一般是指做英文关键词，URL如果包含关键词比不包含关键词的URL要有优势。
4、URL设计应该考虑目录描述性
尤其对英文网站来说，目录及文件名应该具备一定的描述性，使用户在一眼之下就能知道这个URL内容大致应该是什么。
5、URL字母全部用小写
这有以下几方面原因。
（1）全部小写容易人工输入，不会因大小写掺杂而犯错。
（2）有的服务器是区分大小写的，如Linux服务器，也就是说无论站长自己在做链接时还是用户输入时，因为大小写混用出现错误都会造成404错误。另外，robots文件代码也是区分大小写的，一个字母之差就可能使整个目录不能被收录，所以大家平时一定要多多注意。
6、URL避免使用复杂参数
在可能的情况下尽量使用静态URL，如果技术上不能实现，必须使用动态URL，也要尽量减少参数。一般建议2-3个参数之内，参数太多用户看着眼花 缭乱，也可能造成收录困难。目前对于复杂参数这一块，谷歌搜录能力可能会比较强一些，百度一些太复杂的参数，往往收录要差很多。
一些复杂的参数URL，里面都会出一些？ = %等特殊符号，而且一个特性就是比较长，没有目录层次。
7、目录与文件URL尽量区分好
一般CMS系统都可以把页面URL设置为目录或文件形式，对于我们SEOER来说可以选择其中之一，这两种格式对排名没有大影响。有人认为目录形式的权重稍微高一点，不过也无法验证，就算权重高一点。也应该是微乎其微的。目录形式的一个优点是，以后如果网站更换编程语言，URL可以不必变化，也不用经过特殊处理。文件形式的URL可能文件扩展名会变化，除非做URL重写。
一般建议目录还是用第一种表现形式，而且是独立的文件建议用第二种表现形式。感觉这样设计更加符合用户体验与搜索引擎抓取。