[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