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是指通过对网站进行站内优化(网站结构调整、网站内容建设、网站代码优化等)和站外优化，从而提高网站的关键词排名以及公司产品的曝光度。