h5 meta学习

定义针对搜索引擎的关键词：<meta name="keywords" content="meta，red" />
定义对页面的描述：<meta name="description" content="这是meta教程" />
定义页面的最新版本：<meta name="revised" content="bu, 2016/5/10/" />
每 5 秒刷新一次页面：<meta http-equiv="refresh" content="5" />
网页作者： <meta name="author" content="name, email@gmail.com"/>
添加智能 App 广告条（iOS 6+ Safari）：<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
设置苹果工具栏颜色：<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
忽略页面中的数字识别为电话，忽略email识别：<meta name="format-detection" content="telphone=no, email=no"/>
是否启用 WebApp 全屏模式：<meta name="apple-mobile-web-app-capable" content="yes" />
是否删除默认的苹果工具栏和菜单栏：<meta name="apple-mobile-web-app-capable" content="yes" /> 和9一样。
启用电话功能，请使用<a href="tel:15855555555">15855555555</a>来代替，邮件则为<a href="mailto:xxx@xxx.com">发送邮件</a>
windows phone 点击无高光

<meta name=”msapplication-tap-highlight” content=”no”>
不让百度转码

<meta http-equiv=”Cache-Control” content=”no-siteapp” />
设置“添加到主屏幕图标：用户可以像保存书签一样把一个网站添加到主屏幕，下次用户直接点击主屏幕上的图标就能进入网站。

<!– iPhone 和 iTouch，默认 57×57 像素，必须有 –>

<!– Retina iPhone 和 Retina iTouch，114×114 像素，可以没有，但推荐有 –>

<!– Retina iPad，144×144 像素，可以没有，但推荐有 –>

添加到主屏幕后系统会默认给图片加上IOS相关的图标风格（比如圆角），如果需要系统直接展示原图使用apple-touch-icon-precomposed，如果需要系统添加风格使用apple-touch-icon。

<span style=“font-size:12px;”><meta name=“apple-mobile-web-app-title” content=“标题”></span>最好限制在六个中文长度内，超长的内容会被隐藏

移动端viewport设置：

说明：

width： viewport 的高度 (数值/device-width) ，（范围从 200 到 10,000 ，默认为 980 像素）

height ： viewport 的高度 (数值/device-width) ，（范围从 223 到 10,000 ）

user-scalable [yes | no] ：是否允许缩放

initial-scale [数值] ：初始化比例（范围从 > 0 到 10）

minimum-scale [数值] ：允许缩放的最小比例

maximum-scale [数值] ：允许缩放的最大比例