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

在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了。

转载于:https://blog.csdn.net/weixin_34405332/article/details/85962833

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值