入行也半年了，無數次的想過寫博客也無數次的想過第一篇會寫什么，一直沒有落實。今天心血來潮把博客開了，那就寫點東西吧。第一篇就寫一寫看似簡單但又經常不注意到的meta標簽吧。（博主經驗尚淺，有許多理解不到位的地方或者說錯的地方歡迎批評指正）

　　<meta charset="utf-8"/>不說了~這個是祖師爺

　　1.讓瀏覽器默認以什么版本來顯示：

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

　　　　content里的IE=edge表示讓瀏覽器默認以edge內核去處理頁面，而后面的chrome=1則是在用戶安裝了GCF之后可以在IE瀏覽器里以chrome內核來處理，如果換成其它內核只需要改變IE=后面的值即可。（IE9沒有此選項，兼容IE8+）

　　2.360使用極速模式打開：

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

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

　　3.禁止使用本地緩存：

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

　　4.定時讓網頁跳轉到指定網頁上：

　　　　之前做跳轉經常用的是location，但是發現很多手機瀏覽器不支持或者根本不支持JS，后來發現這個標簽感覺還是挺實用的。

　　　　<meta http-equiv="refresh" content="2; url='...'"?/>

　　　　其中content后的第一個參數為多少S之后跳轉，第二個參數為跳轉地址，不加第二個參數為本頁面刷新。

　　　　那如果想第一條設置一個時間跳到自定義協議頭地址，如果無效第二條間隔一會跳到另一個無限制訪問的地址可以么？答案是否定的。（兼容IE7+）

　　5.搜索引擎相關：

　　　　告訴搜索引擎這個網頁的關鍵字

　　　　<meta name="keywords" content="key1,key2..." />

　　　　告訴搜索引擎網站的主要內容

　　　　<meta name="description" content="冰姐姐的博客" />

　　6.移動開發：

　　　　使當前viewport的寬度等于設備的寬度，同時不允許縮放

　　　　<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

　　　　禁止識別成emile或者phone號碼

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

?

　　當然還有一些特定瀏覽器全屏顯示，設置網頁到期時間，設置cookie，但是我覺得不是很常用就不在此文章里了，還有其它有用的歡迎補充。

　　

?

轉載于:https://www.cnblogs.com/sisterice/p/5443905.html

總結

以上是生活随笔為你收集整理的关于常用meta的总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。