以双斜杠//开头的URL的含义
类别:Web前端 浏览量:2210
时间:2016-11-10 以双斜杠//开头的URL的含义
以双斜杠//开头的URL的含义在WEB网页中,有时会发现类似下面这种 url 写法
<img src="//image.studyofnet.com/upfileImages/20161008/20161008222856974.jpg" alt="以双斜杠//开头的URL的含义" border="0" />
其中,img 中的url是以双斜杠“//”开头的。
一、这种写法有特殊的用途
1、它会判断当前的页面协议是http 还是 https 来决定请求 url 的协议。
2、用于处理 网站使用的协议和 网页中请求的外网资源不一致的问题。
3、这种写法,也使用于CSS,例如:.omgomg { background: url(//image.studyofnet.com/upfileImages/20161008/20161008222856974.jpg" alt="以双斜杠//开头的URL的含义" border="0" />); }
二、应用场景
1、对于同时支持HTTPS和HTTP的资源,引用的时候要把引用资源的URL里的协议头去掉,例如://image.studyofnet.com/upfileImages/20161008/20161008222856974.jpg" alt="以双斜杠//开头的URL的含义" border="0" />,这样相当于相对路径,即浏览器会自动根据当前是HTTPS还是HTTP来给资源URL补上协议头的,可以达到无缝切换。
2、对于站外的资源如果不支持HTTPS那就只能用iframe了。
标签:CSS
您可能感兴趣
- css中的浮动和定位是啥(CSS的position定位和float浮动详解)
- css中id和class的选择
- html5+css3动画效果图(纯DOM+CSS3实现简单的小风车动画)
- css技巧100个(css小技巧汇总)
- css制作旋转小球(css实现毛毛虫爬行动作)
- css font的简写规则
- css如何制作动画效果(CSS制作三角形广告引导文字效果)
- css瀑布流布局
- css3自制像素细线(css3绘制百度的小度熊)
- cssdiv垂直居中怎么设置(CSS设置DIV垂直居中的N种方法 兼容IE浏览器)
- css中px是什么单位(CSS中px em rem区别与使用)
- html5和css3最新特性(html5中使用hotcss.js实现手机端自适配的方法)
- css3边框讲解(详解css3 object-fit属性)
- css清除浮动
- 用css实现图片特效代码(HTML+CSS+JavaScript实现图片3D展览的示例代码)
- css display属性
- 北京旅游攻略(北京旅游攻略5日游及其花费)
- 四川旅游攻略(四川旅游攻略自由行攻略)
- 上海迪士尼攻略(上海迪士尼攻略旅游)
- 哪里可以看熊猫(成都哪里可以看熊猫)
- oppo手机的三种录屏方法,你知道有哪些吗(oppo手机的三种录屏方法)
- 吉林神秘传染链跨省 传染源尚未找到,舒兰 封城(吉林神秘传染链跨省)
热门推荐
- docker镜像无法删除 Error:No such image:xxxxxx解决(docker镜像无法删除 Error:No such image:xxxxxx解决)
- python读取数据集的图片(浅析Python 读取图像文件的性能对比)
- docker推荐单个容器运行(docker容器状态的转换实现)
- phpinclude的使用方法(PHP defined函数的使用图文详解)
- css3动画效果图(CSS3 三维变形实现立体方块特效源码)
- docker redis配置文件放哪里(最详细的docker中安装并配置redis图文详解)
- postgresql docker 宿主机(本地Docker安装Postgres 12 + pgadmin的方法 支持Apple M1)
- docker-compose 如何启动(docker compose部署主从复制的实现)
- python标准库操作键盘(Python中捕获键盘的方式详解)
- python起源详解(Python发展简史 Python来历)