Meta
HTML5 Mobile development of some WebKit exclusive header tags, can help the browser to better parse HTML code, so as to provide better front-end performance and experience for HTML5 mobile development
Viewport Web page Zoom
| 1 |
<meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> |
UTF-8 encoding
| 1 |
<meta charset="utf-8"/> |
SEO Search engine Related Settings
| 12345678 |
<!-- 作者 --><meta name="author"contect="..."/><!-- 关键词 --><meta name="keywords"content="..."/><!-- 描述 --><meta name="description"content="..."/><!-- 抓取 --><meta name="robots"content="..."/> |
iOS system-Related settings
| 1234 |
<!-- 禁用自动识别电话号码 --><meta name="format-detection"content="telephone=no" /><!-- 禁用自动识别电子邮件 --><meta name="format-detection" content="email=no"/> |
Safari browser settings
| 123456 |
<!-- 强制全屏 --><meta name="apple-mobile-web-app-capable"content="yes"/><!-- 设置状态栏颜色 --><meta name="apple-mobile-web-app-status-bar-style"content="black"/><!-- 设置添加至主屏标题 --><meta name="apple-mobile-web-app-title"content="..."/> |
UC Browser-related settings
| 123456 |
<!-- 强制竖屏 --><meta name="screen-orientation"content="portrait" /><!-- 强制全屏 --><meta name="full-screen" content="yes" /><!-- 应用模式 --><meta name="browsermode" content="application"/> |
QQ Browser Related Settings
| 123456 |
<!--Force vertical screen--> Code class= "JavaScript plain" ><meta name= "x5-orientation" < Code class= "JavaScript plain" >content= "portrait" /> <!--Force full screen--> <meta name= "X5-fullscreen" content= Code class= "JavaScript string" "True" /> <!--application Mode--> <meta name= " X5-page-mode " content= " app " /> |
360 Browser-related settings
| 12 |
<!-- 启用极速模式 --><meta name="renderer"content="webkit"/> |
WP Phone related settings
| 12 |
<!-- 禁用点击高光效果 --><meta name="msapplication-tap-highlight"content="no"/> |
Weibo social tagging related settings
| 12345678910 |
<!-- 展示标题 --><meta property="og:title"content="..."/><!-- 展示描述 --><meta property="og:description"content="..."/><!-- 展示类型 --><meta property="og:type"content="..."/><!-- 展示图片 --><meta property="og:image"content="..."/><!-- 展示链接 --><meta property="og:url"content="..."/> |
Link
Make your webapp look more like Nativeapp, bringing a different user experience
RSS Subscription
| 1 |
<link rel="alternate"type="application/rss+xml" href="rss.xml" title="RSS"/> |
Main screen icons Related settings
| 12345678910 |
<!-- Favicons --><link rel="shortcut icon"type="image/ico"href="../images/favicon.ico"/><!-- Android --><link rel="icon"sizes="196x196"href="../images/icon-196x196.png"/><!-- iPhone、iTouch --><link rel="apple-touch-icon-precomposed"href="../images/icon-57x57.png"/><!-- Retina iPhone、Retina iTouch --><link rel="apple-touch-icon-precomposed"sizes="114x114"href="../images/icon-114x114.png"/><!-- Retina iPad --><link rel="apple-touch-icon-precomposed"sizes="144x144"href="../images/icon-144x144.png"/> |
iOS boot animation related settings
| 1234567891011121314 |
<!-- iPhone、iPod Touch竖屏 --><link rel="apple-touch-startup-image"href="../images/icon-320x480.png"/><!-- Retina iPhone、Retina iPod Touch竖屏 --><link rel="apple-touch-startup-image"sizes="640x960"href="../images/icon-640x960.png"/><!-- Retina iPhone 5、Retina iPod Touch 5竖屏 --><link rel="apple-touch-startup-image"sizes="640x1136"href="../images/icon-640x1136.png"/><!-- iPad竖屏 --><link rel="apple-touch-startup-image"sizes="768x1004"href="../images/icon-768x1004.png"/><!-- iPad横屏 --><link rel="apple-touch-startup-image"sizes="1024x748"href="../images/icon-1024x748.png"/><!-- Retina iPad竖屏 --><link rel="apple-touch-startup-image"sizes="1536x2008"href="../images/icon-1536x2008.png"/><!-- Retina iPad横屏 --><link rel="apple-touch-startup-image"sizes="2048x1496"href="../images/icon-2048x1496.png"/> |
In fact, there are a lot of meta and link settings, because it is too unpopular, not one of the listed
Meta and link in mobile development of HTML5
