|
《盲人如何制作网页》第七讲 <meta> 标签的妙用
当使用任意一款网页制作工具生成一个新页面的时候 <meta> 标签会自动生成的，该标签是html语言<head>区的一个辅助性标签，位于<head>……</head>标签中，它提供用户不可见的信息。<meta>标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookies；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据定义的时间间隔刷新等。
<meta> 标签主要有两大功能属性，分别是：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。下面将以实例的方式分别介绍其功能。
一、 HTTP-EQUIV 标题信息的设置：
HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。下面介绍一下常用的HTTP-EQUIV类型：
1、Content-Type 和 Content-Language: 显示字符集的设定
<meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<meta http-equiv="Content-Language" Content="zh-CN">
实例解析：
设定页面使用的字符集，用以说明主页制作所使用的文字以及语言，浏览器会根据此来调用相应的字符集显示页面内容。该 <meta> 标签定义了 html 页面所使用的字符集为GB2312，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码了。当你浏览一些国外的站点时，IE浏览器会提示你“要正确显示该页面需要下载xx语言支持”。这个功能就是通过读取html页面meta标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。其他的语言也对应不同的charset，比如日文的字符集是“iso-2022-jp ”，韩文的是“ks_c_5601”。
2、 Refresh: 刷新功能的实现
<meta http-equiv="Refresh" Content="30">
<meta http-equiv="Refresh" Content="5; Url=http://www.qy99.com">
实例解析:
上例中的第一句代码说明每30秒自动刷新一次本页面,而第二句代码则是5秒钟后页面将自动刷新并转至清毅盲人网的首页了。
3、 Expires: 设置网页在缓存中的期限
<meta http-equiv="Expires" Content="0">
<meta http-equiv="Expires" Content="Wed, 26 Feb 2007 07:01:01 GMT">
实例解析：
说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。必须使用GMT的时间格式，或直接设为0，数字表示多少时间后过期，那么设置为0的话关闭浏览器后就过期。
4、 Pragma: 禁止浏览器从本地机的缓存中调阅页面内容
<meta http-equiv="Pragma" Content="No-cach">
实例解析：
网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。
5、 Set-Cookie: cookie设定
<meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,01-Oct-2006 12:01:01 GMT; path=/">
实例解析:
浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新网页中的广告，或每次都刷新你的计数器，就要禁用缓存了。通常html文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。一定注意的是必须使用GMT的时间格式。
6、 Window-target: 显示窗口的设定
<meta http-equiv="Widow-target" Content="_top">
实例解析:
强制页面在当前窗口以独立页面显示。这个属性是用来防止别人在框架里调用你的页面。Content的参数有:_blank、_top、_self、_parent。
7、 Page-Enter、Page-Exit: 进入与退出的一些特效
<meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
<meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
责任编辑：
读者评论：
发表评论：
相关文章：
|
