《HTML教程》02章 字符集、引擎键、定时刷新


网页在互联网上发布,浏览者的操作系统的语言版本也各不一样,因此在网页开始就需要设置字符集,否则系统将使用操作系统的字符集。

作者名、内容介绍以及该网页的关键字等内容的设置,可以使搜索引擎更方便地查到该网页。

定时刷新可以使网页在指定时间自动转移到另一网页,也可以结合JavaScript使该网页定时变换内容。


META的语法

使用<META>标记元素便可实现上述功能。先看其语法

<META
     content    = "META数据的属性值"
     name       = "META数据的属性名"
     http-equiv = "HTTP用的属性名"
     scheme     = "属性值的形式"
     lang       = "语言代码"
>

设置语言字符集

字符集的设置方法是http-equiv设置为"Content-Type",Content设置为"text/html;charset=文字集",文字集根据不同国家而不同,中文简体:gb2312,中文繁体:big5,日文:Shift_JIS等。一个有质量的网页离不开式样单(StyleSheet)描述(Script)语言,式样单的设置方法是http-equiv设置为"Content-Style-Type",Content设置改为"text/css"。脚本的设置方法是将http-equiv设置改为"Content-Script-Type",Content设置改为"text/脚本语言",脚本语言一般常见的有VbScript和JavaScript两种。

<META http-equiv = "Content-Type" content = "text/html;charset=UTF-8">
<META http-equiv = "Content-Style-Type" content = "text/css">
<META http-equiv = "Content-Script-Type" content = "text/javascript">

设置换页特效
<META http-equiv = "Page-Enter" content = "blendTrans(Duration=3.0)">  ◆Page-Enter:进入本页
<META http-equiv = "Page-Exit" content = "revealTrans(Transition=20)"> ◆Page-Exit :离开本页
<META http-equiv = "Site-Enter" content = "blendTrans(Duration=3.0)">  ◆Site-Enter:进入本站
<META http-equiv = "Site-Exit" content = "revealTrans(Transition=23)"> ◆Site-Exit :离开本站
s02_03.htm
◆content="blendTrans(Duration=3.0)"
  设定换页效果为混合,就是淡入淡出。Duration=3.0 是设定特效的持续时间(秒)。
  对于持续时间,太短看不出效果,太长浪费时间,建议为3-5秒之间。
◆content="revealTrans(Transition=20)"
  设定换页特效的方式。Transition=value 中的value可以是0-23:
00. 方块出现        01. 方块消失        02. 圆形向内        03. 圆形向外
04. 向上擦拭        05. 向下擦拭        06. 向左擦拭        07. 向右擦拭
08. 垂直窗帘        09. 水平窗帘        10. 棋盘交错        11. 棋盘向下
12. 随机分裂        13. 垂直分割进入    14. 垂直分割离开    15. 水平分割进入
16. 水平分割离开    17. 向左下方剥落    18. 向左上方剥落    19. 向右下方剥落
20. 向右上方剥落    21. 水平随机列      22. 垂直随机列      23. 随机

设置关键字

作者名、内容介绍、关键字的设置对专业人员来说是起码的素质,同时也可以是访问者通过搜索引擎方便地找到你的内容。

<META name = "Author" content = "小雅">               ◆作者
<META name = "Discription" content = "Visual C++">    ◆内容
<META name = "Keywords" content = "C,C++,SDK,API">    ◆关键字
辅助的还有:
<META name = "copyright" content = "版权小雅所有">    ◆版权所有
<META name = "expires" content = "31 December 2002">  ◆這篇網頁何時需要從登錄資料庫中刪除
<META name = "distribution" content = "global">       ◆這篇網頁是全世界性的
<META name = "revisit-after" content = "30 days">     ◆30天后再访问该网页,也許要重新登錄
<META name = "robots" content = "all">                ◆让搜索引擎来登录这篇网页
<META name = "pragma" content = "no-cache">           ◆这篇网页不需要登录

设置定时刷新

定时刷新的方法是http-equiv设置为"Refresh",Content设置为"秒数",定时转到其他地址的方法是http-equiv设置为"Refresh",Content设置为"秒数;URL=转移的地址 "。

<META http-equiv = "Refresh" content = "5">
<META http-equiv = "Refresh" content = "5;URL= http://www.yahoo.com.cn">

下面举一个例子,创建中文页面s02_01.htm和日文页面s02_02.htm,3秒钟后自动转到另一页面。

<!--s02_01.htm 中文网页-->
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<META http-equiv = "Content-Type" content = "text/html;charset=UTF-8">
<META http-equiv = "Refresh" content = "5;URL=h02_02.htm">
<TITLE></TITLE>
</HEAD>
<BODY>
这是中文网页,5秒后转到日文网页。(Chinese)<BR>
これは中国語ページ、5秒だったら日本語ページに行く(Japanese)
</BODY>
</HTML>

<!--s02_01.htm 日文网页-->
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<META http-equiv = "Content-Type" content = "text/html;charset=shift_jis">
<META http-equiv = "Refresh" content = "5;URL=h02_01.htm">
<TITLE></TITLE>
</HEAD>
<BODY>
これは日本語ページ、5秒だったら中国語ページに行く(Japanese)
这是日文网页,5秒后转到中文网页。(Chinese)<BR>
</BODY>
</HTML>