在前端开发过程中常见路径,在一般情况下,同站点强烈建议使用相对路径,这里简单总结一下相对路径的写法。

  • ./***,「.」用来表示当前目录,此写法用于引用和本页面相同目录下的其他文件。

  • ../***,「..」用来表示上级目录,即父目录。以此类推,可以使用../../来表示上级目录的上级目录。

  • /****,「/」表示同站点跟目录。无论本页面目录是在哪,此写法都能引用到根目录,常见用法例如 favicon。

  • //****,「//」表示相同协议。此写法与绝对路径的区别就在于不指定协议,具体协议将跟随当前页面,常见用法例如全站 HTTPS。

有过 Linux 功底的同学应该会发现,如上的路径写法都是标准的 URI,Linux 的文件路径也同样遵循了 URI 的标准。具体例子在这里不再详叙,随便开个百度、淘宝的页面一抓一大把,自己实践一下也是不错的学习方式。

扩展:

相对路径 Or 绝对路径–前端优化(一)

Uniform Resource Identifier - Wikipedia