1.charset 定义文档的字符编码
例如：
<meta charset="UTF-8">
2. name 把 content 属性关联到一个名称，其属性有
| name 属性 | content 属性 | 描 述 |
| description | 中文或英文字母均可 |
规定页面的描述。搜索引擎会把这个描述显示在搜索结果中。 例如： <meta name="description" content="这是一个游戏网站"> |
| keywords | 中文或英文字母均可 |
规定一个逗号分隔的关键词列表 - 相关的网页（告诉搜索引擎页面是与什么相关的）。 提示：总是规定关键词（对于搜索引擎进行页面分类是必要的）。 例如：<meta name="description" content="飞车,换装,跑马,斗地主,冒险岛"> |
| viewport | width |
设置layout viewport 的宽度，为一个正整数，或字符串"width-device" |
| initial-scale | 设置页面的初始缩放值，为一个数字，可以带小数 | |
| minimum-scale | 允许用户的最小缩放值，为一个数字，可以带小数 | |
| maximum-scale | 允许用户的最大缩放值，为一个数字，可以带小数 | |
| user-scalable | 是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许 | |
| 例如：<meta name="viewport" content="width=device-width, minimum-scale =1,maximum-scale=2, initial-scale=1"> | ||
| renderer | webkit |
页面需默认指定使用极速核 例如：<meta name="renderer" content="webkit"> |
| ie-comp |
页面需默认指定使用ie兼容内核 例如：<meta name="renderer" content="ie-comp"> |
|
| ie-stand |
页面需默认指定使用ie标准内核 例如：<meta name="renderer" content="ie-stand"> |
|
3.http-equiv 把 content 属性关联到 HTTP 头部
| http-equiv 属性 | content 属性 | 描述 |
| content-type | text/html; charset=UTF-8 |
规定文档的字符编码 例如：<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 提示：使用 http-equiv 已经不是规定 HTML 文档的字符集的唯一方式，上面例子大部分用于HTML 4.01 HTML5推荐使用：<meta charset="UTF-8"> |
| refresh | Number |
定义文档自动刷新的时间间隔 例如：<meta http-equiv="refresh" content="300"> 提示："refresh" 应该慎重使用，因为它会使得页面不受用户控制。在 W3C's Web 内容可访问性指南 中使用 "refresh" 会到导致失败。 |
PC常用Meta
<meta charset="UTF-8"> <!--编码方式采用UTF-8--> <meta name="renderer" content="webkit"> <!--默认使用极速内核--> <meta name="keysword" content="飞车,换装,跑马,斗地主,冒险岛"> <!--网站关键词--> <meta name="description" content="这是一个游戏网站"> <!--网站描述-->
移动端常用Meta（pc常用 + 以下任意代码即可）
1 // 允许用户缩放 2 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale =1,maximum-scale=2,"> <!--页面宽度默认为屏幕宽度，页面缩放的最小即默认大小，最大为默认大小的2倍，页面初始缩放值为1，即默认大小--> 3 4 // 不允许用户缩放 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <!--页面宽度默认为屏幕宽度，页面初始缩放值为1，即默认大小，不允许用户缩放页面-->