元数据 meta

meta，用于提供页面元数据，如字符编码、搜索关键字、页面描述等。

meta 标签里的内容并不显示，其目的是为了方便浏览器解析或利于搜索引擎搜索。

meta 的属性

以“名值对”的方式实现，不同属性的不同参数值，实现了不同的网页功能。

[1] charset

<meta charset="utf-8">

声明当前文档使用的字符编码，常见的编码格式有：

gb2312：简体中文，包括 6763 个汉字，一般用于包含中文和英文的页面

ISO-885901：纯英文，一般用于只包含英文的页面

big5：繁体，一般用于带繁体字的页面

GBK 包含全部中文字符，是 GB2312 的扩展，加入对繁体字的支持，兼容 GB2312

utf-8：国际通用字符编码，适应于中英文页面，推荐

只有一个，推荐写在文档头部第一行（否则，title 也可能乱码）；

声明的字符编码必须与页面保存所使用的编码相匹配，以避免乱码和安全漏洞，推荐使用 UTF-8。

~~[2] content~~

为 name 或 http-equiv 属性提供了与其相关的值的定义，也就是说，content 属性不能单独出现

<meta name="name值" content="name值对应的内容">

[3] name

文档级元数据，定义了关于整个页面的描述信息。

以下为常用的值：

keywords 关键字，包含与逗号分隔的页面内容相关的单词

description 描述，包含页面内容的简短和精确的描述
<meta name="keywords" content="关键字1，关键字2...">
<meta name="description" content="文档的描述内容">

// 二者描述了页面的基本内容，主要是通过 SEO 技术给搜索引擎看，提高页面相关度。
viewport 移动端适口，对移动端才有效果，可以设定移动端适口的宽高、缩放等
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
application-name 应用名称，定义正运行在该网页上的网络应用名称

copyright 声明版权，如“本页版权归 xxxxxx 所有”

author 文档作者名称，可以用自由的格式去定义

generator 包含生成页面的软件的标识符（软件自动生成）

referrer 控制从该文档发出的所有 http 请求中 Http Referrer 首部的内容（了解：防盗链）

[4] http-equiv

用于模拟 http 响应头信息，即由服务器指示页面应如何加载。

以下为常用值：

refresh 自动刷新并跳转到新页面
<meta http-equiv="refresh" content="3">    
// 3秒后刷新页面
<meta http-equiv="refresh" content="3;url="www.baidu.com">
// 3秒后刷新页面并重定向到www.baidu.com
content-language 定义了页面使用的默认语言，不建议，可使用 html 元素的 lang 属性代替。

content-type 定义了页面的字符编码，同设置 charset。

default-style 规定了要使用的预定义样式表。

set-cookie 可以设置页面的 cookie，不建议，一般通过 http 头设置

X-UA-Compatible 非规范定义，可定义 IE 浏览器呈现网页的方式，从而确保网页在将来的 IE 中外观一致
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=IE8">
// IE兼容：若当前浏览器版本是小于等于 IE8 的，则使用 chrome 内核渲染页面
//（ 如果检测到 IE 并未安装 GCF 插件，则提示安装）
// 如果不是，则告诉 IE 以最新浏览器标准渲染页面。

Google Chrome Frame 是 Google 推出的一款免费的 Internet Explorer 专用插件。

使用此插件，用户可以通过 IE 的用户界面，以 Chrome 内核的渲染方式浏览网页。

在运行插件之后，IE 浏览器将获得 Chrome 的性能和功能。

它将使用 Chrome 的 WebKit 引擎处理网页，另外也支持 IE 所没有的 HTML5 等其他技术。

不过，到 2014 年 GCF 就不再官方支持了，官方推荐下载最新的 Google 浏览器。