HTML mata标签详解

1.meta标签特性

meta标签在网站中有很强大的功效，一个设计较好的meta标签，可以大大提高网站被搜索到的可能性，对搜索引擎优化具有至关重要的作用。以下是meta标签的特性：

• meta标签是单标签，格式如下：

          <meta 属性="值" />

• meta标签永远位于head元素内部
• meta标签分两大部分：http标题信息（http-equiv）和页面描述信息（name）

2.meta标签的http标题信息

http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

meta标签的http-equiv属性语法格式是：

<meta http-equiv="参数" content="参数变量值"/> 

其中http-equiv属性主要有以下几种参数：

（1）expires(期限)

说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。

举例：

<meta http-equiv="expires" content="Wed, 20 June 2016 10:30:00 GMT">  

注意：必须使用GMT的时间格式。

（2）pragma(cache模式) 

说明：禁止浏览器从本地计算机的缓存中调阅页面内容。

举例：

<meta http-equiv="pragma" content="no-cache"/>  

注意：这样设定，访问者将无法脱机浏览。

（3）refresh(刷新)

说明：定时刷新让网页自动链接到其它网页。

举例：

<meta http-equiv="refresh" content="5;URL=http://www.baidu.com"/>

注意：其中的5是指停留5秒钟后自动刷新到URL网址，秒数和URL直接用分号隔开。

（4）content-type(显示字符集的设定)

说明：设定页面使用的字符集。

举例：

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

charset选项：

GB2312、GBK和UTF-8都是一种字符编码，除此之外，还有好多字符编码。只是对于我们中国人的网站来说，用这三种编码比较多。

• UTF-8 （UTF-8包含全世界所有国家需要用到的字符，是国际编码，通用性强，又称万国码。如：阿里云、淘宝网等都采用这种编码方式）
• GBK  （GBK是包括中日韩字符的大字符集合。如：京东网采用的是GBK编码）
• GB2312  （GB2312是GBK的子集，是一种简体中文编码，通行于中国大陆。如：腾讯网、网易等都采用该种编码）

3.meta标签的页面描述信息

name是描述网页的，对应于content（网页内容），以便于搜索引擎机器人查找、分类，目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。

meta标签的name属性语法格式：

<meta name="参数" content="具体参数值" />

（1）keywords (关键字)

说明：告诉搜索引擎你网页的关键字是什么。

举例：

<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

注意：上面代码来自于京东网，关键词之间用英文逗号隔开。

（2）description (网页描述)

说明：description用来告诉搜索引擎你的网页主要内容。

举例：

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">

上图是从百度搜索京东，红框内的信息就是meta标签，description描述的内容。

（3）robots (机器人向导)

说明： robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。content的参数有all、none、index、noindex、follow、nofollow。默认是all。

举例：

<meta name="robots" content="all"/>

参数说明：

all：搜索引擎将索引此网页，且页面上的链接可以被查询，等价于index和follow

none：搜索引擎将忽略此网页，且页面上的链接不可以被查询，等价于noindex和nofollow

index：文件将被索引

follow：搜索引擎通过此网页的链接，索引搜索其它的网页。

noindex：文件将不被检索，但网页中的链接，可以索引搜索其它的网页

nofollow：文件将不被检索，搜索引擎不可以通过此网页的链接，继续索引其它网页 

（4）author (作者)

说明：标注网页的作者或制作组。

举例：

<meta name="author" content="作者的名字"/>