一、元数据和<meta>
元数据是描述以提供关于其他数据的数据，在<meta>中，html document是被描述的数据，meta标签中包括的数据是描述html document的元数据。这些元数据不会在页面中展示，但是会被机器解析。<meta>标签是为了指定页面的描述，关键词，作者，最后一次修改等元数据，也就是说meta标签就是为了让文档的元数据有个安身之所，meta标签是盛放document元数据的地方。
二、 标签属性
1. charset
1) 作用：指定HTML文档的字符编码，一般使用UTF-8
2) 值：character_set
3) 例子：<meta charset="UTF-8">
4) 注意：html5和html4.01在定义charset的时候有所不同
- HTML 4.01:
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> - HTML5:
<meta charset="UTF-8">
2. content
1) 作用：给出与http-equiv或name属性相关的值
2) 值：text
3) 例子：<meta name="description" content="Free Web tutorials on HTML and CSS">
4) 注意：如果定义了name或http-equiv属性，则必须定义content属性。 如果没有定义这些内容属性，则不能定义内容属性。
3. http-equiv
1) 作用：为content属性的信息/值提供HTTP header
2) content-type（已过时）
设定页面使用的字符集
<meta http-equiv="content-type" content="text/html; charset='UTF-8'">(非html5)3) content-language（已过时）
设定主页制作使用的文字语言
<meta http-equiv="content-language" content="zh-CN">4) Pragma
禁止浏览器从本地计算机的缓存中访问页面内容
＜meta http-equiv="Pragma" content="no-cache"＞5) expires
指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅，时间格式必须是GMT
<meta http-equiv="expires" content="0">
<meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">6) cache-control
指定请求和响应遵循的缓存机制。共有以下几种用法：
- no-cache: 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存。
- no-store: 不允许缓存，每次都要去服务器上，下载完整的响应。（安全措施）
- public : 缓存所有响应，但并非必须。因为max-age也可以做到相同效果
- private : 只为单个用户缓存，因此不允许任何中继进行缓存。（比如说CDN就不允许缓存private的响应）
- max-age : 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age=60表示响应可以再缓存和重用 60 秒。
7) refresh
该指令指定：
- 如果content属性只包含一个正整数，则表示该页面重新加载的秒数。
- 如果content属性包含一个正整数，后跟字符串'; url ='，那么表示当前页面XX秒后重定向到另一个有效的URL。
<meta http-equiv="refresh" content="2；URL=http://www.github.com/"> //意思是2秒后跳转到github8) X-UA-Compatible
用于告知浏览器以何种版本来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染当前页面4. name
1) 作用：元数据名
2) keywords
为搜索引擎定义keywords关键词
<meta name="keywords" content="HTML, CSS, XML, XHTML, java script">3) description
网页具体内容描述
<meta name="description" content="Free Web tutorials on HTML and CSS">4) author
定义网页作者
<meta name="author" content="John Doe">5) refresh
每n秒更新document
<meta http-equiv="refresh" content="30">//每30秒更新document6) viewport
设置viewport，使您的网站在所有设备上看起来不错viewport详解
<meta name="viewport" content="width=device-width, initial-scale=1.0">
//content="with=device-width"表示网页宽度更随屏幕宽度
//initial-scale=1.0 设置浏览器首次加载页面时的初始缩放级别7) application-name
定义在网页中运行的应用程序的名称
8) generator
用于标明网页是什么软件做的
9) revisit-after
如果页面不是经常更新，为了减轻搜索引擎爬虫对服务器带来的压力，可以设置一个爬虫的重访时间。如果重访时间过短，爬虫将按它们定义的默认时间来访问。举例：
<meta name="revisit-after" content="7 days" >10) renderer
renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例：
<meta name="renderer" content="webkit"> //默认webkit内核
<