在HTML中声明根目录的差异

Question

这已经困扰了我很长时间,所以我需要问这个问题.

有什么区别/和./,它只是到服务器设置？

例如,如果我们在根目录中查找images文件夹,我们会写:

<img src="/images">

但是,另一台服务器只接受如下:

<img src="./images">

这不是一个大问题,但在一个理想的世界里,我想我可以相对轻松地将我的网站转移到另一台服务器,而无需更新这些细节.

当然,我可以在PHP中声明它并在配置文件中设置一次,但它确实让我烦恼.为什么有两种声明根的方法？

Answer 1

要引用相对于当前页面的文件,您可以在没有前缀的情况下明确地编写路径,也可以通过前缀来明确表示路径./.要访问具有相对于站点根目录的路径的文件,请在路径前面加上/.

摘要

/绝对路径(从根目录到资源的完整路径)
./从当前目录的相对路径(等于不指定任何文件夹前缀)
../父目录的
../../相对路径从父目录的父路径

例子

Current URL               Resource path          Resolves to

/pages/home.html          ./picture.jpg          /pages/picture.jpg
/pages/home.html          ../img/picture.jpg     /img/picture.jpg
/pages/about/home.html    /img/picture.jpg       /img/picture.jpg
/pages/about/home.html    img/picture.jpg        /pages/about/img/picture.jpg
/home.html                img/picture.jpg        /img/picture.jpg