META標籤定義:用來描述一個HTML網頁文檔的屬性,例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。(摘自百度百科)
1、keywords用來告知搜索引擎網站的關鍵詞。
<meta name="keywords" content="" />
2、description用來告知搜索引擎網站的關鍵詞。
<meta name="description" content="" />
3、viewport用來做移動端的開發。
(1)maximum-scale : 允許用戶縮放到的最大比例,範圍從0到10.0
(2)minimum-scale : 允許用戶縮放到的最小比例,範圍從0到10.0
(3)user-scalable : 用戶是否可以手動縮放,yes、 true允許用戶縮放;no、false不允許用戶縮放
(4)initial-scale : 初始縮放比例,頁面第一次加載時的縮放比例
(5)width:控制 viewport 的大小,一般爲device-width 設備的寬度(單位爲縮放爲100% 時的 CSS 的像素)
(6)height:和 width 相對應,指定高度
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
4、iphone用戶手機號碼默認爲可撥號狀態,改爲no可以讓手機號碼不被顯示爲可撥號狀態。
<meta content="telephone=no" name="format-detection">
5、同上,改的是郵箱地址。
<meta content="email=no" name="format-detection">
6、同上,改的是地址不跳轉到地圖,這三個也可以寫在一個meta標籤裏,以逗號隔開。
<meta content="adress=no" name="format-detection">
7、禁用掉uc瀏覽器判斷到頁面上文字居多時,會自動放大字體優化移動用戶體驗。
<meta name="wap-font-scale" content="no">
8、字符編碼,防止中文亂碼。
9、"添加到主屏幕“後,全屏顯示。
<meta content="yes" name="apple-touch-fullscreen">
10、刪除默認的蘋果工具欄和菜單欄,默認是顯示。
<meta content="yes" name="apple-mobile-web-app-capable">