移動端頭部 常用標籤
阿新 • • 發佈:2019-01-03
<!DOCTYPE html> <html lang = ""> <head> <title></title> <meta charset = "utf-8"> <!--width - 可視區域的寬度,值可為數字或關鍵詞device-width --> <!--height - viewport的高度--> <!--initial-scale - 初始的縮放比例--> <!--minimum-scale - 允許使用者縮放到的最小比例--> <!--maximum-scale - 允許使用者縮放到的最大比例--> <!--user-scalable - 使用者是否可以手動縮放--> <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" /><!--content="telephone=yes" 在iPhone 手機上預設值是(電話號碼顯示為撥號的超連結):--> <!--可將telephone=no,則手機號碼不被顯示為撥號連結--> <!--使裝置瀏覽網頁時對數字不啟用電話功能(不同裝置解釋不同,itouch點選數字為存入聯絡人,iphone為撥打電話),忽略將頁面中的數字識別為電話號碼。--> <meta name="format-detection" content="telephone=no" /> <!--忽略識別郵箱--> <meta name="format-detection" content="email=no" /><!--網站開啟對 web app 程式的支援--> <meta name="apple-mobile-web-app-capable" content="yes"> <!--在 web app 應用下狀態條(螢幕頂部條)的顏色;(改變頂部狀態條的顏色)--> <!--預設值為 default(白色),可以定為 black(黑色)和 black-translucent(灰色半透明);--> <meta name="apple-mobile-web-app-status-bar-style" content="black"><!--http-equiv="Content-Type" 表示描述文件型別--> <!--HTTP-EQUIV類似於HTTP的頭部協議,它迴應給瀏覽器一些有用的資訊,以幫助正確和精確地顯示網頁內容--> <meta http-equiv="Content-Type" content="text/html"> <!-- UC預設豎屏 ,UC強制全屏 --> <meta name="full-screen" content="yes"> <!--使用了application這種應用模式後,頁面講預設全屏,禁止長按選單,禁止收拾,標準排版,以及強制圖片顯示。--> <!--應用模式--> <meta name="browsermode" content="application"> <!-- QQ強制豎屏 QQ強制全屏 --> <!--設定螢幕方向--> <meta name="x5-orientation" content="portrait"> <!--設定全屏--> <meta name="x5-fullscreen" content="true"> <!--設定螢幕模式--> <meta name="x5-page-mode" content="app"> <!-- windows phone 點選無高光 --> <meta name="msapplication-tap-highlight" content="no"> </head> </html>