以双斜杠//开头的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 盒模型 文档流 几种清除浮动的方法实例详解)
- css3背景制作(纯CSS3实现Material Design效果)
- css如何让图片居中
- css如何定义行级元素宽度和高度(CSS块级元素与行级元素详解)
- divcss页面布局步骤(横向两列布局左列固定,右列自适应的4种CSS实现方式)
- css赛博朋克风格效果(CSS几步实现赛博朋克2077风格视觉效果)
- css cursor鼠标效果
- css3设置动画无限循环(css3 实现文字闪烁效果的三种方式示例代码)
- css反选怎么设置(CSS 新特性 contain控制页面的重绘与重排问题)
- css之float布局(css float属性_动力节点Java学院整理)
- css3 box-shadow
- css清除浮动
- css定位总结(css中的三种基本定位机制)
- css伪元素是属性吗(CSS :befor :after 伪元素的巧妙用法)
- css按钮样式实例(CSS使用classList实现两个按钮样式的切换)
- css3边框讲解(六种css3实现的边框过渡效果)
- 中华第一楷 张瑞龄 86岁高龄,苦练楷书71年,一幅字卖593万(中华第一楷张瑞龄)
- 冯骥才 年意(冯骥才年意)
- ()
- 百事大吉蓝底 绿底手机高清壁纸(绿底手机高清壁纸)
- 蓝底证件照怎么制作 证件照换底色 换尺寸快速搞定(蓝底证件照怎么制作)
- 你喜欢足球吗 足球如何点亮世界的(足球如何点亮世界的)
热门推荐
- dede收录查询插件(dede:likearticle文章标签和tag标签关联错误解决方法)
- python如何判断是否为回文数(对python判断是否回文数的实例详解)
- mysql中date_format日期格式化
- dedecms当天文章总数(dedecms5.7文章二次开发实现阅读全文功能的方法)
- vue实现树形结构菜单(vue递归实现三级菜单)
- docker启动sqlserver(用docker运行postgreSQL的方法步骤)
- JavaScript中使用concat合并数组
- mysql实用教程(Mysql调优Explain工具详解及实战演练推荐)
- ASP.NET生成静态页面的方法
- docker容器编排入门教程(laradock环境docker-compose操作详解)