meta标签有何作用？一起来学习一下

平日里总是沉迷于写页面写组件思考业务逻辑，解决冲突找出bug，猛的发现躲在head标签里的一大串标签时什么？这么多meta标签好多居然都不知其存在的意义。所以决定记录一下学习到的知识点。

先搞明白以上的这些吧（惭愧，自己公司项目index.html里的。），以下资料从网络中整理而来！

第一步，先了解一下meta标签吧。

meta标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和 标题 <<标记之间，它提供用户不可见的信息。

meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；

它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。

meta 标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。

以上的例子一个一个标注：

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

　　Content-Type意义为内容格式，该META标签定义了HTML页面所使用的字符集为UTF-8，content内容格式可以是text/html等文档类型。

<meta http-equiv="X-UA-Compatible" content="IE=8">

　　告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。

<meta http-equiv="Expires" content="0">

　　网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅，content数字表示多少时间后过期.

<meta http-equiv="Pragma" content="no-cache">

　　用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)

<meta http-equiv="Cache-control" content="no-cache">

　　Cache-Control指定请求和响应遵循的缓存机制,no-cache指示请求或响应消息不能缓存.

<meta http-equiv="Cache" content="no-cache">

　　跟上一个标签经常同时出现，一个是设置缓存管理模式，一个是设置缓存。