相对路径和绝对路径

时间:2021-01-20 18:55:22

省略Scheme的相对Url语法

<img src='/images/myphoto.jpg'>

<img src='myphoto.jpg'>

Url相对路径我们并不陌生,下面这样的写法非常常见。
如果该HTML代码放在http://myexample.com/myblog/index.html上,那么第一幅图片的实际完整地址就是

http://myexample.com/images/myphoto.jpg
http://myexample.com/myblog/myphoto.jpg
但是省略Url中的Scheme部分这样的相对路径写法却比较少见。例如:

<img src='//myexample.com/images/myphoto.jpg'>

这行代码如果放在HTTP的网页上,那么请求的资源就是

HTTP://myimagehosting.com/images/myphoto.jpg
如果放在HTTPS上,则访问的资源就是HTTPS的。这样一来我们就无需为HTTP和HTTPS各自准备不同的网页了。