常用的 html meta 标签

Question

charset

设置网页字体编码

<meta charset="utf-8">

X-UA-Compatible 针对 ie8 及以上

X-UA-Compatible 是自从 IE8 新加的一个设置，对于 IE8 以下的浏览器是不识别的。
通过在 meta 中设置 X-UA-Compatible 的值，可以指定网页的兼容性模式设置。
在网页中指定的模式优先权高于服务器中（通过 HTTP Header) 所指定的模式。 (meta tag > http header)

<meta http-equiv="X-UA-Compatible" content="IE=7">  
//以上代码告诉 IE 浏览器，无论是否用 DTD 声明文档标准，IE8/9 都会以 IE7 引擎来渲染页面。  
<meta http-equiv="X-UA-Compatible" content="IE=8">  
//以上代码告诉 IE 浏览器，IE8/9 都会以 IE8 引擎来渲染页面。  
<meta http-equiv="X-UA-Compatible" content="IE=edge">  
//以上代码告诉 IE 浏览器，IE8/9 及以后的版本都会以最高版本 IE 来渲染页面。  
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
//指定页面默认首先使用 GCF 进行渲染，如果未安装 GCF 再使用最高版本 IE 进行渲染。

name="renderer" 针对国产双核浏览器

双核：基于 Webkit 内核用于常用网站的高速浏览。基于 IE 的内核用于兼容网银、旧版网站。

<!--若页面需默认用极速核-->
<meta name="renderer" content="webkit">
<!--若页面需默认用 ie 兼容内核-->
<meta name="renderer" content="ie-comp">
<!--若页面需默认用 ie 标准内核-->
<meta name="renderer" content="ie-stand">

内核	Webkit	IE 兼容	IE 标准 文档模式
Chrome 21	IE6/7	IE9/IE10/IE11(取决于用户的 IE)
HTML5 支持	yes	no	yes
ActiveX 控件支持	no	yes	yes

viewport 针对移动端

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">​

综上所述，现在常用的

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">​