HTML/CSS——移動端Meta標籤的一些設定
阿新 • • 發佈:2018-12-31
head標籤是html的頭標籤,對於移動端的開發,head標籤裡面有很多我們值得注意的地方。Meta標籤就是屬性設定
<!DOCTYPE html>
<html lang = "">
<head>
<title></title>
<meta charset = "utf-8">
<!--在 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>