您的位置:首页 > Web前端 > 其它

以双斜杠//开头的URL的含义

更多 2016/11/10 来源:Web前端学习浏览量:1432
学习标签: CSS
本文导读:在HTML网页中,有时会发现类似于//www.studyofnet.com/news/1341.html这样的代码,那么,这种以双斜杠//开头的URL的含义是什么呢?

在WEB网页中,有时会发现类似下面这种 url 写法

<img src="//image.studyofnet.com/upfileImages/20161008/20161008222856974.gif">

其中,img 中的url是以双斜杠“//”开头的。

 

一、这种写法有特殊的用途

1、它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。

2、用于处理 网站使用的协议和 网页中请求的外网资源不一致的问题。

3、这种写法,也使用于CSS,例如:.omgomg { background: url(//image.studyofnet.com/upfileImages/20161008/20161008222856974.gif); }

 

二、应用场景

1、对于同时支持HTTPS和HTTP的资源,引用的时候要把引用资源的URL里的协议头去掉,例如://image.studyofnet.com/upfileImages/20161008/20161008222856974.gif,这样相当于相对路径,即浏览器会自动根据当前是HTTPS还是HTTP来给资源URL补上协议头的,可以达到无缝切换。

2、对于站外的资源如果不支持HTTPS那就只能用iframe了。

 

收藏
313
很赞
144
您可能感兴趣