常见浏览器 meta 汇总

meta

标签是 HTML 语言 HEAD 区的一个辅助性标签，常用来描述一个 HTML 网页文档的属性，例如：作者、日期和时间、网页描述、关键词、页面刷新等。它提供的信息虽然用户不可见，但却是文档的最基本的元数据（meta-information）。

常见属性如下表：

属性	值	描述
charset	character encoding	定义文档的字符编码。
content	无	定义与 http-equiv 或 name 属性相关的元信息。
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部。
name	author description keywords generator revised others	把 content 属性关联到一个名称。
scheme	无	定义用于翻译 content 属性值的格式，已废弃。

基础用法

• 声明文档使用的字符编码。
• 使用指定的渲染内核。
• 优先使用 IE 最新版本和 Chrome。
• 定义针对搜索引擎的关键词。
• 定义对页面的描述。
• 5 秒后重定向到指定 URL。
• 强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个 frame 页调用。
• 设置 cookie, 如果网页过期，那么存盘的cookie将被删除。

缓存

个性化

• 定义页面的最新版本。
• 网页作者。
• 用以说明生成工具。

针对搜索引擎

• 搜索引擎抓取。

viewport 自适应

属性	描述
width	设置 layout viewport 的宽度，为一个正整数，或字符串 "width-device"
height	设置layout viewport 的高度，这个属性对我们并不重要，很少使用
initial-scale	设置页面的初始缩放值，为一个数字，可以带小数，推荐 1
minimum-scale	允许用户的最小缩放值，为一个数字，可以带小数，推荐 1
maximum-scale	允许用户的最大缩放值，为一个数字，可以带小数，推荐 1
user-scalable	是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许

这些属性可以同时使用，也可以单独使用或混合使用，多个属性同时使用时用逗号隔开就行了。

WebApp

• 添加到主屏后的标题（iOS 6 新增）。
• 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏。
• 添加到主屏幕后，全屏显示。
• 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari），注意修改其中的相关信息。
• 设置苹果工具栏颜色，默认值为 default（白色），可以定为 black（黑色）和 black-translucent（灰色半透明）。
• 识别电话号码、邮箱地址。

其他

• 禁止百度转码。
• 针对手持设备优化，主要是针对一些老的不识别 viewport 的浏览器，比如黑莓等。
• 微软的老式浏览器。
• UC 应用模式。
• UC 强制竖屏。
• UC强制全屏。
• QQ强制全屏。
• QQ 强制竖屏。
• QQ应用模式。
• windows phone 点击无高光。