Meta标签整理
html5基本标签
声明文档使用的字符编码：
<meta charset=“utf-8” />
声明文档的兼容模式，优先使用最新版本 IE 和 Chrome
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> //指示IE以目前可用的最高模式显示内容
定义页面的最新版本：
<meta name="revised" content="Frank, 2016/3/1" />
页面描述
<meta name="description" content="不超过850个字符"/>
定义针对搜索引擎的关键词：
<meta name="keywords" content="HTML5COL学院, HTML5, CSS3, JavaScript" />
定义网页搜索引擎索引方式，使用英文逗号「,」分隔，常有如下几种取值：none,noindex,nofollow,all,index和follow：
<meta name="robots" content="index,follow" />
定义网页作者：
<meta name="author" content="HTML5COL" />
每 8 秒刷新一次页面：
<meta http-equiv="refresh" content="8" />
移动设备
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的Safari 浏览器最新引进了viewport 这个meta tag，让网页开发者来控制viewport 的大小和缩放，其他手机浏览器也基本支持
使用initial-scale=1到非响应式网站上，这会让网站以100%宽度渲染，用户需要手动移动页面或者缩放。如果和initial-scale=1同时使用user-scalable=no或maximum-scale=1，则用户将不能放大/缩小网页来看到全部的内容。
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
参数：
1. width：宽度（数值/ device-width）（范围从200到10,000，默认为980像素）
2.height：高度（数值/ device-height）（范围从223到10,000）
3.initial-scale：初始的缩放比例 （范围从>0 到10）
4.minimum-scale：允许用户缩放到的最小比例
5.maximum-scale：允许用户缩放到的最大比例
6.user-scalable：用户是否可以手动缩 (no,yes)
如果不显示地设置viewport，那么width的默认为980。如果页面的所有元素宽度都小于980，此时width为980，如果页面最宽的位置超过980，那么width等于最大宽度。总之，默认能将整个页面从左到右显示出来
早期（现已废弃target-densitydpi ）
对于ios设备，设置width可以生效，但对于android，你能设置的是一个特殊的字段target-densitydpi（为了防止Android Browser和WebView 根据不同屏幕的像素密度对你的页面进行缩放），你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了，页面将不会缩放。相反，页面会根据当前屏幕的像素密度进行展示。
禁止跳转至地图。
<meta name=”format-detection” content=”address=no”>
禁止数字识自动别为电话号码：
<meta name="format-detection" content="telephone=no" />
不识别邮箱：
<meta name="format-detection" content="email=no" />
也可以写成：
<meta name=“format-detection” content=“telphone=no, email=no”/>不让百度转码
<meta http-equiv=”Cache-Control” content=”no-siteapp” />
uc强制竖屏
<meta name=”screen-orientation” content=”portrait”>
QQ强制竖屏
<meta name=”x5-orientation” content=”portrait”>
UC强制全屏
<meta name=”full-screen” content=”yes”>
QQ强制全屏
<meta name=”x5-fullscreen” content=”true”>
ISO 设备
添加到主屏后的标题（iOS 6开始）：
<meta name="apple-mobile-web-app-title" content="标题" />
设置启动画面
<link rel=“apple-touch-startup-image” href=“Startup.png” />
是否启用 WebApp 全屏模式,伪装app，离线应用。
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-touch-fullscreen" content="yes" /> 当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）
针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓
<meta name=”HandheldFriendly” content=”true”>
设置web app的放置主屏幕上icon文件路径
<link rel=”apple-touch-icon-precomposed” href=”http://spion.blog.163.com/blog/iphone_milanoo.png” /> 。图片尺寸可以设定为57*57（px）或者Retina可以定为114*114（px），ipad尺寸为72*72（px）。
设置状态栏的背景颜色：
<meta name="apple-mobile-web-app-title" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 注：只有在 "apple-mobile-web-app-capable" content="yes" 时生效 content 参数： default 默认值，网页内容从状态栏底部开始 black 状态栏背景是黑色，网页内容从状态栏底部开始 black-translucent 状态栏背景是黑色半透明，网页内容充满整个屏幕，顶部会被状态栏遮挡