META元素施用详解 _Web前端

META元素使用详解

meta标记

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

　1.Name属性

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

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

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

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

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

<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="none">??

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

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

　2.Http-equiv属性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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