meta元素是一个元数据内容，常用于定义页面的说明，关键字、最后修改日期等元数据，这些元数据将服务员浏览器、搜索引擎以及其它网络服务。

meta标签共有两个属性，分别是http-equiv属性和name属性。

name属性：

      name属性主要用于描述网页，如关键字、叙述，与之相对于的属性值为content；主要常用的有以下几种参数：

1：keywords（关键字）：告诉搜索引擎，你的网页关键词：

      格式：<meta name="keywords" content="商品 前端 书籍">

2：description（网站内容的描述）：告诉引擎你的网站主要内容：

      格式：<meta name="description" content="这是我写的第一篇meta">

3：viewport（移动端窗口）：长用于手机端或者无线端：

      格式：<meta name="viewport" content="width=device-width,initial-scale=1">

4：robots（定义搜索 引擎爬虫的索引方式）：content的参数有all（默认 ）,none,index,follow,nofollow.

      格式：<meta name="robots" content="none">

5：author（作者）:标注网页作者：

     格式：<meta name="author" content="hahahah">

6：copyright（版权信息）

7：revisit-after（搜索引擎爬虫重访时间）：如果页面更新不快，可以设定一个搜索引擎爬虫重访时间以减轻服务器压力：

      格式：<meta name="revisit-after" content="10 day">

8：renderer（双核浏览器渲染方式）指定双核浏览器默认渲染方式：

      webkit（默认以webkit内核）；ie-comp（默认IE兼容模式）；ie-stand（默认IE标准模式）

http-equiv属性

1：content-Type（设定网页字符集）：建议用html5方式：

      <meta charset="utf-8">

2：X-UA-Compatible（浏览器 采取何种版本渲染当前页面）：一般设置为最新模式：

         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>（IE和chrome使用最新版本渲染）

3：cache-control（指定请求和响应遵循的缓存机制）

        no-cache:先发生，和 服务器确认是否更改，如果没有更改，则使用缓存。

        no-store:不允许缓存

        public:缓存所有的相应，但并非一定；

         private:只为单个用户缓存，不允许任何中继进行缓存。

         maxage:标识当前请求开始，改相应应在多久内能缓存和重用，而不去服务器重新请求。例如：max-age=60表示响应可以再缓存和重用60s.

         no-siteapp:不允许自动转码；

4：Pragma（cache模式）：禁止浏览器从本地计算机缓存中访问页面,访问者将无法脱机浏览。

       格式<meta http-equiv="pragma" content="no-cache">

5：Refresh（刷新）:自动刷新并指向新页面：

       格式<meta http-equiv="Refresh" content="2,URL=新的页面链接”>停留2s，自动刷新到新的页面。

6：Set-Cookie：设置cookie，如果网页过期，那么旧cookie将被删除。

       <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Monday,12 Jan 2020 20:20:20 GMT;path=/">

7：Window-target（显示窗口设定）防止别人在框架里调用自己的页面：

       <meta http-equiv="Window-target" content="_top">