posts - 73,  comments - 55,  trackbacks - 0

    网页头部有两个标签titelmeta, title比较简单,就是网页标题,meta的内容还是蛮多了,为了自己今后能够比较好的参考,我收集了些资料,也希望对大家有用。

一、meta标签的组成

     meta 标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

1、 name 属性

name 属性主要用于描述网页,与之对应的属性值为contentcontent中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。meat标签的name属性语法格式是:<meta name="参数" content="具体的参数值"> 。

     其中name属性主要有以下几种参数:

     A Keywords(关键字)

     说明:keywords用来告诉搜索引擎你网页的关键字是什么。

     举例:<meta name ="keywords" content="science, education,culture,politics,ecnomicsrelationships, 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="***@yahoo.com.con"

    2 http-equiv属性

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

     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="2URL=http://phigo.bokee.com"

    注意:其中的2是指停留2秒钟后自动刷新到URL网址。

     D Set-Cookie(cookie设定)

    说明:如果网页过期,那么存盘的cookie将被删除。

     用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 8-Aug -2008 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"

G Page-Exit /Page-Enter(进入页面、离开页面动画效果)

使用meta标签,我们还可以在进入网页或者离开网页的一刹那实现动画效果,我们只要在页面的html代码中的<head></head>标签之间添加如下代码就可以了:

meta http-equiv="Page-Enter" content="revealTrans(duration=5, transition=23)"
meta http-equiv="Page-Exit" content="revealTrans(duration=5, transition=23)"

一旦上述代码被加到一个网页中后,我们再进出页面时就会看到一些特殊效果,这个功能其实与FrontPage2000中的Format/Page Transition一样,但我们要注意的是所加网页不能是一个Frame;Duration的值为网页动态过渡的时间,单位为秒。Transition是过渡方式,它的值为023,分别对应24种过渡方式。如下表:

0 盒状收缩

1 盒状放射

2 圆形收缩

3 圆形放射

4 由下往上

5 由上往下

6 从左至右

7 从右至左

8 垂直百叶窗

9 水平百叶窗

10 水平格状百叶窗

11 垂直格状百叶窗

12 随意溶解

13 从左右两端向中间展开

14 从中间向左右两端展开

15 从上下两端向中间展开

16 从中间向上下两端展开

17 从右上角向左下角展开

18 从右下角向左上角展开

19 从左上角向右下角展开

20 从左下角向右上角展开

21 水平线状展开

22 垂直线状展开

23 随机产生一种过渡方式

posted on 2006-08-23 10:11 保尔任 阅读(266) 评论(0)  编辑  收藏

只有注册用户登录后才能发表评论。


网站导航:
 

<2024年11月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

常用链接

留言簿(4)

随笔分类

随笔档案

文章分类

文章档案

搜索

  •  

最新评论

阅读排行榜

评论排行榜