META元素使用详解

meta标记

　　meta标记看似是HTML语言HEAD区的一个辅助性标签，其实它的作用很大。META标签共有两个属性，它们分别是Http-equiv属性和Name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

　1.Name属性

　　Name属性主要用于描述网页，与之对应的属性值为Content，Content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
　　Meat标签的Name属性语法格式是：
　　

1. <meta name="参数" content="具体的参数值">   

　　其中Name属性主要有以下几种参数：
　　A.Keywords（关键字）
　　说明：Keywords用来告诉搜索引擎你网页的关键字是什么。
　　举例：
　　  

1. <meta name="keywords" content="science,education,culture,politics,ecnomics relationships,entertaiment,human">   

　　B.Description（网站内容描述）
　　说明：Description用来告诉搜索引擎你的网站主要内容。
　　举例：
　　

1. <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。
　　举例：
　　

1. <meta name="robots" content="none">  

　　D.Author(作者)
　　说明：标注网页的作者
　　举例：
　　

1. <meta name="author" content="zys666,zys666@21cn.com">  

　2.Http-equiv属性

　　Http-equiv，顾名思义，相当于HTTP的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确显示网页内容，与之对应的属性值为Content，Content中的内容其实就是各个参数的变量值。
　　Meat标签的Http-equiv属性语法格式是：

 

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

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

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

1. <meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">  

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

　　B.Pragma（Cache模式）
　　说明：禁止浏览器从本地计算机的缓存中访问页面内容。
　　用法：

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

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

　　C.Refresh（刷新）
　　说明：自动刷新并指向新页面。
　　用法：

1. <meta http-equiv="refresh" content="2；url=http://www.onchina.net">  

　　注意：其中的"2"是指停留2秒钟后自动刷新到URL网址，可以更改，但建议不要改得太大。

　　D.Set-cookie（Cookie设定）
　　说明：如果网页过期，那么存盘的Cookie将被删除。
　　用法：

1. <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT；path=/">   

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

　　E.Window-target（显示窗口的设定）
　　说明：强制页面在当前窗口以独立页面显示。
　　用法：

1. <meta http-equiv="window-target" content="_top">  

　　注意：用来防止别人在框架里调用自己的页面。

　　F.Content-type（显示字符集的设定）
　　说明：设定页面使用的字符集。
　　用法：

1. <meta http-equiv="content-type" content="text/html; charset=gb2312">