企業網站制作中頁頭meta标簽使用大全

　　META标簽是HTML網頁源代碼中一個重要的html标簽。META标簽用來描述一個HTML網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。

　　企業網站制作中離不開頁頭的meta标簽，然而衆多标簽應該在何時插入，每一組都分别是什麽意思，本站特意總結了一下，把常用的meta标簽都列出來，希望對技術開發者有所幫忙，後期還将不定期更新。

<!-- 網頁必包含的meta标簽，定義頁面使用的字符集 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 視圖窗口，移動端特屬的meta标簽。禁用移動端放大或縮小頁面 -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />

<!-- 是否啓動webapp功能，會删除默認的蘋果工具欄和菜單欄 -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<!-- 這個主要是根據實際的頁面設計的主體色爲搭配來進行設置。 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<!-- 忽略頁面中的數字識别爲電話号碼,email識别 -->
<meta name="format-detection"content="telephone=no, email=no" />

<!-- 啓用360浏覽器的極速模式(webkit) -->
<meta name="renderer" content="webkit">

<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!-- 針對手持設備優化，主要是針對一些老的不識别viewport的浏覽器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">

<!-- 微軟的老式浏覽器 -->
<meta name="MobileOptimized" content="320">

<!-- uc強制豎屏 -->
<meta name="screen-orientation" content="portrait">

<!-- QQ強制豎屏 -->
<meta name="x5-orientation" content="portrait">

<!-- UC強制全屏 -->
<meta name="full-screen" content="yes">

<!-- QQ強制全屏 -->
<meta name="x5-fullscreen" content="true">

<!-- UC應用模式 -->
<meta name="browsermode" content="application">

<!-- QQ應用模式 -->
<meta name="x5-page-mode" content="app">

<!-- windows phone 點擊無高光 -->
<meta name="msapplication-tap-highlight" content="no">