优先使用 IE 最新版本和 Chrome
复制代码
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
360 使用Google Chrome Frame
复制代码
<meta name=”renderer” content=”webkit”>
360浏览器就会在读取到这个标签后，立即切换对应的极速核。
另外为了保险起见再加入
复制代码
<meta http-equiv=”X-UA-Compatible” content=”IE=Edge,chrome=1″>
这样写可以达到的效果是如果安装了Google Chrome Frame，则使用GCF来渲染页面，如果没有安装GCF，则使用最高版本的IE内核进行渲染。
相关链接：浏览器内核控制Meta标签说明文档
百度禁止转码
通过百度手机打开网页时，百度可能会对你的网页进行转码，脱下你的衣服，往你的身上贴狗皮膏药的广告，为此可在head内添加
<meta http-equiv="Cache-Control" content="no-siteapp" />
相关链接：SiteApp转码声明
SEO优化部分
•
页面标题<title>标签(head头部必须)
<title>your title</title>
•
页面关键词keywords
<meta name="keywords" content="your keywords">
•
页面描述内容description
<meta name="description" content="your description">
•
定义网页作者author
<meta name="author" content="author,email address">
•
定义网页搜索引擎索引方式,robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。
<meta name="robots" content="index,follow">
相关链接：WEB1038 – 标记包含无效的值
viewport
viewport 可以让布局在移动浏览器上显示的更好。
通常会写
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width=device-width 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边(http://bigc.at/ios-webapp-viewport-meta.orz)
content 参数：
•width viewport 宽度(数值/device-width)
•height viewport 高度(数值/device-height)
•initial-scale 初始缩放比例
•maximum-scale 最大缩放比例
•minimum-scale 最小缩放比例
•user-scalable 是否允许用户缩放(yes/no)
•
minimal-ui iOS 7.1 beta 2 中新增属性，可以在页面加载时最小化上下状态栏。这是一个布尔值，可以直接这样写：
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
