关于Meta标签

meta主要分为两大部分：http-equiv（http相关内容）和name（页面描述信息）。下面详细介绍一下常用的内容:

http-equiv

使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部（http响应报文头部）。

1. Content-type
   说明：表示页面使用的文档类型
   用法：<Meta http-equiv="Content-Type" Content="text/html">
2. Content-language
   说明：表示页面使用的自然语言
   用法：<Meta http-equiv="Content-Language" Content="zh-CN">
3. X-UA-Compatible
   说明：使用哪种内核渲染页面，是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页
   用法：<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
   如果安装了Google Chrome Frame（谷歌内嵌浏览器框架GCF），则使用GCF来渲染页面，如果为安装GCF，则使用最高版本的IE内核进行渲染。
4. Viewport
   说明：用于移动网页开发
   用法：<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
   />

• width :控制viewport的大小，可以指定一个值，如600， 或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）
• height : 和width相对应，指定高度
• initial-scale :初始缩放比例，页面第一次加载时的缩放比例
• maximum-scale :允许用户缩放到的最大比例，范围从0到10.0
• minimum-scale :允许用户缩放到的最小比例，范围从0到10.0
• user-scalable : 用户是否可以手动缩放，值可以是：true允许用户缩放；false不允许用户缩放

4. Expires
   说明：指定网页在缓存中的过期时间，若网页过期，则重新向服务器发送请求（值可以是具体时间点，也可以是时间，用来表示多久之后过期）
   用法：<Meta http-equiv="Expires" Content="30">
   <Meta http-equiv="Expires" Content="Wed, 15 Feb 2016 15:02:24 GMT">
5. Set-cookie
   说明：设置cookie的值
   用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,13-Feb-2016 08:10:38 GMT; path=/">
6. Refresh
   说明：表示让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。
   用法：<Meta http-equiv="Refresh" Content="5">
   <Meta http-equiv="Refresh" Content="5; Url=http://www.baidu.com">

name

1. Keywords
   说明：为搜索引擎提供的关键字列表
   用法：<Meta name="Keywords" Content="关键词1,关键词2,关键词3,……">
2. Description
   说明：Description用来告诉搜索引擎你的网站主要内容。
   用法：<Meta name="Description" Content="你网页的简述">
3. Robots
   说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
   用法：<Meta name="Robots" Content="All |None |Index |Noindex |Follow| Nofollow">
4. Author
   说明：标注网页的作者或制作组
   用法：<Meta name="Author" Content="张三">
5. Copyright
   说明：标注版权
   用法：<Meta name="Copyright" Content="本页版权归**所有。All Rights Reserved">