Declare the character encoding used in the document:
<meta charset=‘UTF-8’>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
Page description:
<meta name="description" content="不超过150个字符"/>
Page keywords:
<meta name="keywords" content=""/>
Web page author:
<meta name="author" content="name, [email protected]"/>
Search engine crawl:
<meta name="robots" content="index,follow"/>
Add viewport for mobile devices
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1, user-scalable=no">
Title after the iOS device is added to the home screen (new in iOS 6):
<meta name="apple-mobile-web-app-title" content="标题">
Whether to enable WebApp full-screen mode, delete Apple's default toolbar and menu bar:
<meta name="apple-mobile-web-app-capable" content="yes"/>
Add Smart App Banner (iOS 6+ Safari):
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
Set the color of the Apple toolbar:
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
Ignore the numbers on the page to be recognized as a phone, and ignore the email recognition:
<meta name="format-detection" content="telphone=no, email=no"/>
Enable 360 browser's speed mode (webkit):
<meta name="renderer" content="webkit">
Avoid IE using compatibility mode:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Optimized for handheld devices, mainly for some old browsers that do not recognize viewport, such as BlackBerry:
<meta name="HandheldFriendly" content="true">
Microsoft's old browser:
<meta name="MobileOptimized" content="320">
uc forced vertical screen:
<meta name="screen-orientation" content="portrait">
UC application mode
<meta name="browsermode" content="application">
UC forced full screen:
<meta name="full-screen" content="yes">
QQ forced vertical screen:
<meta name="x5-orientation" content="portrait">
QQ forced full screen
<meta name="x5-fullscreen" content="true">
windows phone click without highlight
<meta name="msapplication-tap-highlight" content="no">