meta个人学习纪录
< meta > 元素
元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
简介
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
`meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码：
`
也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站自动搜集；可以设定页面格式及刷新等等。
必要属性
| 属性 | 值 | 描述 |
|---|---|---|
| content | some text | 定义域http-equiv或name属性相关的元信息 |
可选属性
| 属性 | 值 | 描述 |
|---|---|---|
| http-equiv | content-type / expire / refresh / set-cookie | 把content属性关联到HTTP头部 |
| name | author / description / keywords / generator / revised /others | 把content属性关联到一个名称 |
| content | some text | 定义用于翻译content属性值的格式 |
name属性
其中name属性主要有以下几种参数：
A、Keywords（关键字）
说明：keywords用来告诉搜索引擎你网页的关键字是什么。每个网页应具有描述该网页内容的一组唯一的关键字.
举例：
<meta name ="keywords" content="your tags">
B、description（网站内容描述）
说明：description用来告诉搜索引擎你的网站主要内容。
网站内容描述（description）的设计要点：
①网页描述为自然语言而不是罗列关键词（与keywords设计正好相反）；
②尽可能准确地描述网页的核心内容，通常为网页内容的摘要信息，也就是
希望搜索引擎在检索结果中展示的摘要信息；
③网页描述中含有有效关键词；
④网页描述内容与网页标题内容有高度相关性；
⑤网页描述内容与网页主体内容有高度相关性；
⑥网页描述的文字不必太多，一般不超过搜索引擎检索结果摘要信息的最多
字数（不同搜索引擎略有差异,一般不超过150个字符）。
举例：
<meta name="description" content="This page is about the meaning of science,education,culture.">
C、robots（机器人向导）
说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。使用逗号(,)分割的。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
<meta name="robots" content="index,follow" />
<!--
all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；
index：文件将被检索；
follow：页面上的链接可以被查询；
noindex：文件将不被检索；
nofollow：页面上的链接不可以被查询。
-->
D、author（作者）
说明：标注网页的作者
举例：
<meta name="author" content="author name" />
http-equiv属性
meta标签的http-equiv属性语法格式是：<meta http-equiv="参数" content="参数变量值">
其中http-equiv属性主要有以下几种参数：
- Expires（期限）
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
用法：
<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">
注意：必须使用GMT的时间格式。
- Pragma(cache模式）
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
用法：
<meta http-equiv="Pragma" content="no-cache">
注意：这样设定，访问者将无法脱机浏览。
- Refresh（刷新）
说明：自动刷新并转到新页面。content内的数字代表时间（秒），既多少时间后刷新。如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚）
用法：
<meta http-equiv="Refresh" content="2;URL">（注意后面的分号，分别在秒数的前面和网址的后面，URL可为空）
注意：其中的2是指停留2秒钟后自动刷新到URL网址。
- Set-Cookie(cookie设定）
说明：如果网页过期，那么存盘的cookie将被删除。
用法：
<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/">
注意：必须使用GMT的时间格式。
- Window-target（显示窗口的设定）
说明：强制页面在当前窗口以独立页面显示。
用法：
<meta http-equiv="Window-target" content="_top">
注意：用来防止别人在框架里调用自己的页面。
- content-Type（显示字符集的设定）
说明：设定页面使用的字符集。
用法：
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
- content-Language（显示语言的设定）
用法：
<meta http-equiv="Content-Language" content="zh-cn" />
-
charset属性
搜索引擎优化SEO
SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”！SEO是指通过对网站进行站内优化(网站结构调整、网站内容建设、网站代码优化等)和站外优化，从而提高网站的关键词排名以及公司产品的曝光度。
