dns-prefetch HTML的Head標簽

發布時間：2018-01-03 12:12:35 作者：admin 瀏覽：1987 熱度：0 收藏：

dns-prefetch

DNS的的解析成本很高滴，往往導致了網站加載速度慢。現在瀏覽器針對這個問題開發了更智能的處理方式，它將域名緩存后，當用戶點擊其它頁面地址后自動的獲取。

例子:頁面需要添加百度統計代碼,可以在 <head> 標簽里添加以下代碼:

<link rel="dns-prefetch" href="//#">

X-UA-Compatible

強制瀏覽器按照特定的版本標準進行渲染。360瀏覽器有兩種模式,當在IE模式下,其文檔模式會切換到IE7的模式,當在網頁的 <head> 標簽里添加以下代碼的時候,其渲染就會按照當前系統的IE版本進行渲染.

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<!-- `width=device-width` 會導致 iPhone 5 添加到主屏后以 WebApp 全屏模式打開頁面時出現黑邊  -->

width：寬度（數值 / device-width）（范圍從200 到10,000，默認為980 像素）
height：高度（數值 / device-height）（范圍從223 到10,000）
initial-scale：初始的縮放比例（范圍從>0 到10）
minimum-scale：允許用戶縮放到的最小比例
maximum-scale：允許用戶縮放到的最大比例
user-scalable：用戶是否可以手動縮 (no,yes)
minimal-ui：可以在頁面加載時最小化上下狀態欄。（已棄用）

app-mobile-web-app-title

<meta name="app=mobile-web-app-title" content="標題">

添加到主屏后的標題,應用于ios的Safari瀏覽器.

telephone=no

忽略數字自動識別為電話號碼

<meta content="telephone=no" name="format-detection" />

apple-itunes-app

添加智能 App 廣告條 Smart App Banner：告訴瀏覽器這個網站對應的app，并在頁面上顯示下載banner

<meta name="apple-itunes-app" content="app-id=432274380" />

no-siteapp

<meta http-equiv="Cache-Control" content="no-siteapp" />

禁止百度Siteapp轉碼的策略,防止廣告

html5shiv

html5shiv is an HTML5 JavaScript shim for IE to recognise and style the HTML5 elements.讓IE識別HTML5標簽

html5shiv

<!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>