（一）前言
一般开发网页的时候就想要实现页面的自适应，通常会在<html>标签的<head>标签中添加<meta>标签来达到想要的效果。特别是开发移动端时，会写如下的属性：
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width">（二）meta标签的作用
搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！
（三）meta标签的组成
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
（1）name属性：用于描述网页，与之对应的属性值content,content里面的内容主要是便于搜索引擎查找信息和分类信息用的。
基本语法：<metaname="参数"content="具体的参数值">
name属性有一下几类参数：
- name='keyworld':告诉搜索引擎网页的关键字
- 因为在搜索引擎已经可以自己辨别文章关键词的现在，这个标签的作用已经微乎其微了。现在无需将注意力集中在如何写好这个标签上，将更多的注意力集中在内容中的关键词优化上，如果你的网站后台有编写这个的功能，填上也是好的。
- name='description'：告诉搜索引擎网页的主要内容
- 设置分发权限，但只有3个值，global(全球都可以访问)，local(只有本地可以访问)，IU(仅限内部使用)。如果你真的要给搜索引擎限制权限，用文中提到的robots。
- name='robots':告诉机器人哪些页面需要索引，哪些页面不需要索引
- robotterms是一组使用逗号(,)分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。
- name='author':标注网页的作者，这个标签没什么用处。
- name='viewport'：
- 用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大和最小缩放比例是什么。如果你的页面上没有这个标签，那么你的页面的移动端体验可能会非常差，在搜索与浏览的流量越来越向移动端倾斜的现在，你应当为此做好准备。
- content内容：
- width 和height指令分别指定视区的逻辑宽度和高度。width指令使用width=device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。user-scalable指令指定用户是否可以缩放视区，即缩放Web页面的视图。值为yes时允许用户进行缩放，值为no时不允许缩放。
- initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异。通常情况下设备会在浏览器中呈现出整个Web页面，设为1.0则将显示未经缩放的Web文档。
- maximum-scale和minimum-scale指令用于设置用户对Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同，这些指令的值是应用于视区内容的缩放比例。
（2）http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
基本语法：<meta http-equiv="参数"content="具体的参数值">
http-equiv属性有一下几类参数：
- Expires
- 可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输
- Pragma(cache模式)
- 是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出
用法- Refresh（刷新）
- 自动刷新并指向新页面
- Set-Cookie（cookie设定）
- 如果网页过期，那么存盘的cookie将被删除
- Window-target（显示窗口的设定）
- 强制页面在当前窗口以独立页面显示
- content-Type（显示字符集的设定）
- 定义了该页面制作所使用的文字以及语言，并规定浏览器展示页面时显示的为该语言，务必确保每个页面都有这个标签。该标签的书写例子为：其中，gb2312为国标汉字码，不同的语言对应着不同的charset
- content-Language（显示语言的设定）
- Cache-Control(指定请求和响应遵循的缓存机制)