工作中常用的meta標籤總結

<!-- 關鍵字，搜所引擎 SEO -->

<meta http-equiv="keywords" content="關鍵字1,關鍵字2,...">

<!-- 頁面描述 -->

<meta http-equiv="description" content="網頁描述">

<!-- content的取值為webkit,ie-comp,ie-stand之一，區分大小寫，分別代表用webkit內核，IE兼容內核，IE標準內核。 -->

<meta name="renderer" content="webkit|ie-comp|ie-stand">

<!-- 若頁面需默認用極速核，增加標籤： -->

<meta name="renderer" content="webkit">

<!-- 若頁面需默認用ie兼容內核，增加標籤： -->

<meta name="renderer" content="ie-comp">

<!-- 若頁面需默認用ie標準內核，增加標籤： -->

<meta name="renderer" content="ie-stand">

<!-- 如果安裝了GCF，則使用GCF來渲染頁面，如果沒有安裝GCF，則使用最高版本的IE內核進行渲染。

X-UA-Compatible：這是個是IE8的專用標記,用來指定IE8瀏覽器去模擬某個特定版本的IE瀏覽器的渲染方式(比如人見人煩的IE6)，以此來解決部分兼容問題。 -->

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

<!-- 強制頁面在當前窗口以獨立頁面顯示。 -->

<meta http-equiv="Window-target" content="_top">

<!-- 自動刷新，並指向新的頁面 -->

<meta http-equiv="Refresh" content="2；URL=http://">

<!-- 禁止瀏覽器緩存 -->

<!-- 是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容，設定後一旦離開網頁就無法從Cache中再調出

用法： -->

<meta http-equiv="pragram" content="no-cache">

<!-- 清除緩存（再訪問這個網站要重新下載！） -->

<meta http-equiv="cache-control" content="no-cache, must-revalidate">

<!-- 設定網頁的到期時間 -->

<meta http-equiv="expires" content="0">

<!-- 手機端 -->

<meta name="format-detection" content="telphone=no, email=no"/>

<!-- 忽略頁面中的數字識別為電話，忽略email識別 -->

<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

<!-- 設置蘋果工具欄顏色 -->

<!-- 不讓百度轉碼 -->

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

<!-- 不緩存 -->

<meta http-equiv="cache-control" content="no-cache" />

<!-- 初始化設備 -->

<meta name="viewport" content="width_=device-width, initial-scale=1, user-scalable=no, minimal-ui" />

<!-- 網站開啟對iphone私有 web app 程序的支持 -->

<meta content="yes" name="apple-mobile-web-app-capable" />

<!-- 改變頂部狀態條的顏色 iphone私有的屬性-->

<meta content="black" name="apple-mobile-web-app-status-bar-style" />

推薦閱讀：