1. 程式人生 > >移動端頭部 常用標籤

移動端頭部 常用標籤

<!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>