[TOC]
# URL协议 -相对
不知道大家有没有见过下面这种 url 写法:
`<img src="//lvtao.net/img/logo.png">`
img 中的url是以双斜杠“//”开头的,这种写法有特殊的用途,它会判断当前的页面协议是http 还是 https 来决定请求 url
的协议。防止IE下出现“This Page Contains Both Secure and Non-Secure Items”的报错。
**但是当你浏览本地文件的时候,它会解析为 file:// 协议**。这种特性可以用来加载CDN:
`<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> `
也适用于CSS:
`.omgomg { background: url(//lvtao.net/lvtao.gif); } `
注意:如果在IE7,IE8中使用 <link> 和 @import 引入 CSS 的时候,会下载两次 CSS 文件。
# 参考:
http://www.paulirish.com/2010/the-protocol-relative-url/
- 序
- 开发自己的博客
- 面试集合
- 基础
- 1、JavaScript
- js技巧
- 2、CSS
- position之absolute
- em与rem
- inline-block
- background
- 圆角、透明度、渐变
- 关于css中的0和none
- css display:none小结
- z-index小结
- 理解滚动条
- 有关@font-face的问题
- 3、HTML
- URI中依赖协议的URL
- 4、MySQL
- limit使用
- 5、jQuery
- 6、移动Web开发
- 设计稿与分辨率
- 字体
- 图片的自适应
- 7、前端布局bug问题(!<=IE8)
- SEO与页面结构
- seo
- vsphere 虚拟服务器
- 代码里的彩蛋(神注释)
- 玩转HTML5移动页面
- 知识梳理
- JS 键盘码
- 其他资源记录
- temp
- TODO
- 简单有趣的库😎
- xx