1、我们日常书写所用的语言称为书面自然语言，如果为了标识某些信息，在书面自然语言中加入一些标记，这种书面自然语言就称为标记语言

（Markup Language）。

2、ISO组织发布了SGML(Standard General Markup Language)，是一种元标记语言，有三部分组成：语法定义（文档类型定义和文档实例所必

须遵循的语法结构）、文档类型定义（DTD - Definition Type Document，规定了文档实例的结构和组成结构的元素类型）、文档实例（是

SGML文档的主体部分，用来存放文档的具体内容）。

3、XML(Extensible Markup Language)是SGML的一个子集，也是SGML的简化形式，也是一种元标记语言（元标记语言指可以通过定义DTD来定义

其他标记语言；HTML的DTD是固定的，也不能定义其他标记语言），有人甚至称XML将是本世纪Web上的“世界语”，XSL相当于XML的CSS。

4、HTML是一种由SGML定制的标记语言，用来存储页面内容，CSS用来描述页面内容的显示方式。

5、XHTML是HTML向XML过度的一种中间技术，是由XML定制的，使用起来和HTML很相似。

6、WML是在WAP协议下由XML定制的标记语言，WMLScript实现WML实现的静态功能以外的动态功能。

7、XML其他相关知识
XSLT(XSL Transformations)：把一种XML结构的文档转换为另一种XML结构的文档的语言。主要和XSL一起使用，用于把原始的XML文档转换为使

用XSL可用的XML文档。
XSL(Extensible Stylesheet Language)：XML的格式化描述语言。XML文档表现分为两步：第一步，用XSLT对XML源文档进行转换；第二步，用

XSL对第一步得到的结果文档进行解释和表现。
XPath（XML Path）：提供一种公用的语法和语义机制，用于XML内部的结构寻址。
XQuery for XML is like SQL for databases, XQuery is built on XPath expressions.
XLink is similar to HTML links - but it is a lot more powerful.
XPointer allows the hyperlinks to point to specific parts of the XML document.

Style Sheets)。
3.颜色“#rrggbb”六位十六进制数。
4.js提示（删除时）
1)每一个链接处都需要
<a  href="#" onclick="return(confirm('删除后无法恢复,您确定删除吗?'))">删除</a>
2）每一个按钮处都需要
<input type=button value="删除" onclick="javascript:reload()">
<script type="text/javascript">
function reload() {
  if (confirm("确认?"))
 {
 var url="#";
 window.location.href=url;
 }
}
3）页面内定义一次就可以
<a  href="#" >删除</a>
<script language="javascript" type="text/javascript">
function delete_confirm(){
 if(event.srcElement.outerText=="删除" || event.srcElement.value=="删除")
  event.returnValue=confirm("删除后将不能恢复，您确认执行删除操作么？");
 }
 document.onclick=delete_confirm;
</script>

5.前进、后退、返回某页、刷新、关闭
返回前页：使用OnClick="history.go(-1)"
返回主页：使用OnClick='top.location.href="index.jsp"'
<a href="javascript:history.back()">后退</a>
<a href="javascript:history.go()">前进</a>
<a href="javascript:location.reload()">刷新</a>

7.定时关闭网页
在head区加入
<SCRIPT LANGUAGE="javascript">
setTimeout('window.close();',2000);
</SCRIPT>
表示两秒后自动关闭窗口。

8. 背景音乐
显示操作面板：
在相应地方加<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不显示操作面板：
在页中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
或<embed src="aladdin.mid" autostart="true" loop="2" width="80" height="30">

9. 如何让浏览器正确显示word 文件格式?
为了正确处理word 等格式，你需要在HTML文件中设置好该文件类型
<meta http-equiv="Content-Type" content="application/msword">
还有其它经常设置的文件类型：
application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format

10. 目标窗口target及其设置
目标窗口是页面链接所指内容显示的窗口，也就是当你单击了页面某一个链接后，该链接所指的内容在那个窗口显示。大多数情况下，我们无

需关心它，因为一般都是在同一窗口显示。target是链接标签<a>的属性，它的作用就是指定目标窗口，target有以下几个值：
1）_blank
     <a href="document.html" target="_blank">my document</a>
     浏览器会另开一个新窗口显示document.html文档
2）_parent
     <a href="document.html" target="_parent">my document</a>
     指向父frameset文档
3）_self
     <a href="document.html" target="_self">my document</a>
     把文档调入当前页框
4）_top
      <a href="document.html" target="_top">my document</a>
      去掉所有页框并用document.html取代frameset文档
5）***
      在链接处加target="***"语句，其中main为frame名，就可以在***frame里打开页面。

小技巧：可以在文件头加：<base target="_self">，则此页所有链接都在本页打开

12. 自动刷新
定时刷新：<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
幻灯片效果：语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3 ...
页面n指回页面1，即可实现循环显示页面的效果

13、大图片提前载入
如果您的站点中后面的页有大图形需要显示，您不妨在第一页中提前载入。把语句：
<img src="image.jpg" width=0 height=0> ,其中width,height要设置为0， 放在第一页HTML中的任何地方。
如果您的访问者在第一页停留的时间足够长，当他进入第二页时，图象会立即显示出来

15. 移动文字
这在主页上是常用的，其制作方法很简单。
<marquee>要移动的文字</marquee>
  1.移动 的方向：<direction=!> !=left, right
  2.移动的方式：<bihavior=!> !=scroll ,side,alternate
  3.循环次数：<loop=!> !=次数。若未指定则循环不止。
  4 循环速度：<scrollamount=!> !=数

16. 浮动背景（背景图像不滚动 ）
当你拉住下拉条时，背景不动。
<body backgroud="#ffff" bgproperties="fixed">
或用CSS样式表定义：
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style>

17. 让背景图像不平铺的CSS样式表
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style>

18、判断不同浏览器
目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可

以加入以下javascript代码并保存单独一个网页:
<script language="javascript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer") & &
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") & &
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="nn4.htm"'',10);
} else {
setTimeout(''location.href="ie4.htm"'',10);
}
}
</script>

19. 定义本网页的关键字
在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果

你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码：
<meta name="keywords" content="html,dreamweaver,flash,css">
　 content 所包含的就是关键字，你可以自行设置。
　 这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如:
<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">

21. 改变链接在浏览器状态栏信息
当指向一个链接时，该链接的信息会出现在浏览器状态栏里，如果需要隐藏信息，可以如下设置：
<a href="http://www.yhyhw.com" onMouseOver="window.status='none';return true">test</a>
　　如果想要指向一个链接时，浏览器状态栏里出现特定的信息，把none 改成你需要的文字即可。

26. 打印按钮
<form>
<input name="Print" onClick="window.print();
return false" type="button" value="Print">
</form>

27. 查看源码按钮
<input type=button name="view" value="查看源码" onClick=''window.location="view-source:" +window.location.href'' style="font

-size:9pt">

28. 去掉页面滚动条
在body 中加入样式表控制，代码如下：
<body bgcolor="#000000" leftmargin="0" topmargin="0"
style="overflow-x: hidden; overflow-y: hidden; width: 100%">

30. 水平线、垂直线
插入HR很简单：<hr size="1">。如何让它垂直呢，更简单：<hr size="100" width="1">

31. 下拉式菜单中的链接来打开一个新的窗口
先把下拉式菜单设置好，如：
<form method="POST">
<select name="D1" size="1">
<option value="http://www.163.com/">网易</option>
<option value="http://www.suho.com/"＞搜狐</option></select>
<input type="submit" value="确定" name="B1"><input type="reset" value="重置"name="B2"></p></form>
然后把<select name="D1" size="1">改为
<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

34. 跳到页面的顶部
当浏览者浏览到页面底部后，你需要提供一个单击，让浏览者方便的跳到页面顶部，加入以下代码：
<a href="#top">返回顶部</a>

36.一个站点不同页面间播放同一音频文件
大家有这样的经验，当你访问一个站点首页时，会听到该页设置的背景声音文件，比如一段音乐。当你链接到该站点另一页时，音乐就停止了

。如何让声音不断呢。其实，你只需要建立一个上下框架结构的网页，把声音文件建立在下框架里，并把下框架的宽度设置为一个像素，而上

框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以，声音不会间断。大家还要注意两点，第一，把框架的边框设置为0；

第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。

38.定制新窗口
我们可以打开一个新的窗口来显示链接的内容，但如何定制这个新窗口呢。只需要在标签<A>中加入onClick事件:
<a href="#" onClick="window.open('cnshell.htm','help','scrollbars=yes,resizable=yes,width=500,height=40')">问答</a>"#"表示单

击链接"问答"后，当前窗口保持不变，cnshell.htm为单击链接"问答"后所打开新窗口装载的内容，width:宽,height:高,resizable:是否允许

访客缩放新窗口,scrollbars:如果文本超过一屏,是否生成滚动条,status:是否显示状态栏,menubar:是否显示菜单,location:是否显示地址栏.

40. 删除图片链接的蓝色边框
如果我们设置了图片为一个链接，会发现图片四周出现了蓝色边框。要删除边框，需要在图片标签里加上border="0"。如：<img

src="dog.jpg" border="0">

47. 尽量用table标签，这样可以避免<td>之间的干扰；<table>尽量设为<table width="100%" border="0" cellpadding="0"

ellspacing="0">，一方面是不显示表格线，另一方面占满整个宽度，不会因为内容不够而宽度变窄；包含<table>的 <td>要设为<td

valign="top">，不然内部table默认居中。<table>中第一行表格的width控制各列宽度；每列第一个格的height控制各行高度。

48.$("name")同document.getElementById("name")，是一种简化写法。（可能新版本js可用，老版本不行，我项目中试过一次，不行）

49.js读java变量：
<%
String s = "welcome";
%>
<script language="javascript">
//alert(<%=s%>);报错
alert('<%=s%>');//正确
//如果不加单引号说明是变量，加上单引号才是字符串
</script>

50、js显示下拉框默认值
<select name="max">
 <option value="1">第一名</option>
 <option value="2">第二名</option>
 <option value="3">第三名</option>
</select>
<script>document.all("max").value="3"</script>

51.&nbsp;表示一个空格，这个空格占一个字符（对于字母）还是两个字符（对于汉字）是根据浏览器的（工具->Internet选项->语言）来决定

的，是不确定的，所以中文开头只需要两个&nbsp;而不是四个&nbsp;。

52.在线播放:
下面两个视频，前一个是RM视频（.rm .rmvb），后一个是MP视频（.wmv .asf .avi）,为了不影响大家，都设置为手动播放，并将相关的代码

及说明放在了视频的下面：
RM源代码：
<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=352 height=288>
<PARAM NAME=SRC VALUE="http://www.cqie.cn/pub/iec.rm">
<PARAM NAME=CONSOLE VALUE="http://www.cqie.cn/pub/iec.rm">
<PARAM NAME=CONTROLS VALUE=imagewindow>
<PARAM NAME=AUTOSTART VALUE=0 >
</OBJECT>
<br>
<OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA height=32 id="video" width=352>
<PARAM NAME=SRC VALUE="http://www.cqie.cn/pub/iec.rm">
<PARAM NAME=AUTOSTART VALUE=0>
<PARAM NAME=CONTROLS VALUE=controlpanel>
<PARAM NAME=CONSOLE VALUE="http://www.cqie.cn/pub/iec.rm">
</OBJECT>
说明：以后可以直接把以上代码放到网页中使用，需要修改的属性说明如下width=352 height=288　这是控制媒体高度和宽度的

VALUE="http://www.cqie.cn/pub/iec.rm" 这是指定媒体文件URL地址的，如果安装了REALSERVER的话，可以用

rtsp://www.cqie.cn/pub/iec.rm来进行流式播放，看起来会更流畅，而且可拖动。AUTOSTART VALUE=0  这是控制是否自动播放的，你只要将

value=1就可以自动播放了

MP源代码：
<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=160 height=168 >
<PARAM NAME=AUTOSTART VALUE=0 >
<param name=ShowStatusBar value=-1>
<param name=Filename value=http://xiaoping.cqie.cn/wmv/jler.wmv>
<embed type=application/x-oleobject

codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp

src="http://xiaoping.cqie.cn/wmv/jler.wmv" width=160 height=168>
</embed>
</object>

53.树状显示js代码
（要求：某行文本前面有一个加号的标签，一点击加号变成减号，同时该行展开它之下所属信息，以缩进形式呈现，再点击减号又变回加号、

下面展开的文本收回，这应该怎么做？除了js方式有什么其他方式实现么？谢谢！）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function showLay(divId){
        var objDiv = eval(divId);
        if (objDiv.style.display=="none"){
                eval("sp"+divId+".innerHTML='-'");
                objDiv.style.display="";
        }else{
                eval("sp"+divId+".innerHTML='+'");
                objDiv.style.display="none";
        }}
</script>
</head>
<body>
<a href="#" onclick="showLay('Layer1')"><span id="spLayer1">+</span>a</a><br>
<div id="Layer1" style="display:none;">
|-<a href="insert_unit_info.html" target="body">a1</a><br>
|-<a href="select_unit_info.jsp" target="body">a2</a><br>
</div>
<a href="#" onclick="showLay('Layer2')"><span id="spLayer2">+</span>b</a><BR>
<div id="Layer2" style="display:none;">
|-<a href="insert_item_info.html" target="body">b1</a><br>
|-<a href="select_item_info.jsp" target="body">b2</a><br>
</div>
<a href="#" onclick="showLay('Layer3')"><span id="spLayer3">+</span>c</a><BR>
<div id="Layer3" style="display:none;">
|-<a href="insert_expert_info.html" target="body">c1</a><br>
|-<a href="select_expert_info.jsp" target="body">c2</a><br>
</div>
<a href="#" onclick="showLay('Layer4')"><span id="spLayer4">+</span>d</a><BR>
<div id="Layer4" style="display:none;">
|-d1<br>
|-d2<br>
</div>
</body>
</html>

54.下拉菜单（新建个.html文件，把代码考进去就行）
<html>
<head>
<title>打造下拉菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
</script>
</head>
<body bgcolor="#CCCCCC" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll=auto>
<div id="title" style="position:absolute; left:8px; top:15px; width:240px; height:15px; z-index:1; background-color: #006699;
layer-background-color: #006699; border: 1px none #000000">
  <table width="480" cellspacing="0" cellpadding="2">
    <tr>
      <td width="120" onMouseOver="MM_showHideLayers('menu1','','show')" onMouseOut="MM_showHideLayers
('menu1','','hide')"><b><font color="#FFFFFF"><a href="#">■
        经典论坛</a></font></b> </td>
    </tr>
  </table>
</div>
<div id="menu1" style="position:absolute; left:8px; top:34px; width:120px; height:80px; z-index:2; background-color: #999966;
layer-background-color: #999966; border: 1px none #000000; visibility: hidden" onMouseOver="MM_showHideLayers
('menu1','','show')" onMouseOut="MM_showHideLayers('menu1','','hide')">
  <table width="100%" cellspacing="0" cellpadding="2" height="80">
    <tr>
      <td>&nbsp;<a href="#">Dreamweaver 专栏</a></td>
    </tr>
    <tr>
      <td>&nbsp;<a href="#">Fireworks 专栏</a></td>
    </tr>
    <tr>
      <td>&nbsp;<a href="#">Flash 基本操作</a></td>
    </tr>
    <tr>
      <td>&nbsp;<a href="#">Flash 5 Action</a></td>
    </tr>
  </table>
</div>
</body>
</html>

55.防止下载网页信息（例如显示受控文件）的简单方法：
a。屏蔽鼠标左右键，<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
b。加密网页源文件，推荐Batch Html Encryptor加密软件。
c.用Adobe Acrobat 6.0 Standard软件加密。

56.用javascript设置输入框焦点
<html>
<head>
<script language="javascript">
function t() {
document.getElementById('aa').focus(); 
}                           <!--设置id为aa的元素得到焦点-->
</script>
</head>
<body onload="javascript:t()">
<input type="text" id="aa"> <!--设置文本输入框的id为aa-->
</body>
</html>

57.select标签下的OPTION标签没有value属性时，把内容当属性传过去，比如<OPTION>所有用户</OPTION>传的值就是所有用户，建议用以下方

法。
<select name="account.accountId" >
    <OPTION value="">所有日志</OPTION>
    <OPTION value="renyang">任杨</OPTION>
</select>

58.不保留缓存方法：
<%
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Cache-Control", "must-revalidate");
response.setDateHeader("Expires",0);
%>

59.全选、全不选js方法 （直接放在.htm文件中即可）
<SCRIPT language="javascript">
function checkAll(e, itemName)
{
  var aa = document.getElementsByName(itemName);
  for (var i=0; i<aa.length; i++)
   aa[i].checked = e.checked;
}
function check(e, allName)
{
  var all = document.getElementsByName(allName)[0];
  if(!e.checked) all.checked = false;
  else
  {
    var aa = document.getElementsByName(e.name);
    for (var i=0; i<aa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
}
</SCRIPT>
<input type=checkbox name=allPersons id=allPersons onclick="checkAll(this, 'persons')">&nbsp;<label for="allPersons">全选

</label><br>
<input type="checkbox" name="persons" id=persons value="1">&nbsp;<label for="persons">第一名</label><br>
<input type="checkbox" name="persons" id=persons value="2">&nbsp;<label for="persons">第二名</label><br>
<!-- 问题：第一名和第二名这两个字ID不能一样，否则点第二名这三个字时第一名前的框变化 -->

1、sax、dom是两种对xml文档进行分析的方法（没有具体的实现，只有接口）
所以不是解释器，如果光有他们，你是完成不了对xml文档的处理的。
sax的包是org.xml.sax
dom的包是org.w3c.dom
包的名称很重要，它有助于你理解他们之间的关系。

2、jaxp是api，他封装了sax\dom两种接口。并在sax\dom的基础之上，作了一套比较简单的api以供开发人员使用。
jaxp的包是javax.xml.parsers
可以看看jaxp的源文件，它的文件中包含了对sax或者dom的引用（import）
jaxp也不是具体的实现，他只是一套api。如果你仅仅有jaxp那是无法工作的
（其实jaxp只是完成对sax、dom的包装，生成了DocumentBuilderFactory\DocumentBuilder
和SAXParserFactory SAXParser。也就是设计模式中的工厂模式，他的好处就是具体的对象（ 解释器）建立由子类完成）

3、xerces解释器（号称地球上最快的xml解释器）
在xerces中对jaxp中定义的SAXParser SAXParserFactory DocumentBuilder DocumentBuilderFactory进行了继承（extends）对应SAXParserImpl SAXParserFactoryImpl DocumentBuilderImpl DocumentBuilderFactoryImpl
这就是为什么你的classpath中只要有xerces.jar（其中包含了sax dom jaxp ）和 xercesImpl.jar就可以的原因了.

4、什么时候可以用别的解释器 比如crimson呢
他也是和xerces一样 是解释器，很简单，用crimson.jar 替代xercesImpl.jar

5、jdom和dom4j
 
W3C的DOM标准API难用的让人想撞墙，于是有一帮人开发Java专用的XML API目的是为了便于使用，这就是jdom的由来，开发到一半的时候，另一部分人又分了出来，他们有自己的想法，于是他们就去开发dom4j，形成了今天这样两个API，至于他们之间的性能，jdom全面惨败，dom4j大获全胜。我觉得jdom和dom4j就相当于sax/dom+jaxp，具体的解释器可以选择。

第二：再介绍一下，dom,sax,jdom,dom4j的技术特点：

1: DOM
DOM 是用与平台和语言无关的方式表示 XML 文档的官方 W3C 标准。DOM 是以层次结构组织的节点或信息片断的集合。这个层次结构允许开发人员在树中寻找特定信息。分析该结构通常需要加载整个文档和构造层次结构，然后才能做任何工作。由于它是基于信息层次的，因而 DOM 被认为是基于树或基于对象的。DOM 以及广义的基于树的处理具有几个优点。首先，由于树在内存中是持久的，因此可以修改它以便应用程序能对数据和结构作出更改。它还可以在任何时候在树中上下导航，而不是像 SAX 那样是一次性的处理。DOM 使用起来也要简单得多。
　　另一方面，对于特别大的文档，解析和加载整个文档可能很慢且很耗资源，因此使用其他手段来处理这样的数据会更好。这些基于事件的模型，比如 SAX。

2:SAX
　　这种处理的优点非常类似于流媒体的优点。分析能够立即开始，而不是等待所有的数据被处理。而且，由于应用程序只是在读取数据时检查数据，因此不需要将数据存储在内存中。这对于大型文档来说是个巨大的优点。事实上，应用程序甚至不必解析整个文档；它可以在某个条件得到满足时停止解析。一般来说，SAX 还比它的替代者 DOM 快许多。

3:　选择 DOM 还是选择 SAX ？
　　对于需要自己编写代码来处理 XML 文档的开发人员来说，选择 DOM 还是 SAX 解析模型是一个非常重要的设计决策。
　　DOM 采用建立树形结构的方式访问 XML 文档，而 SAX 采用的事件模型。
　　DOM 解析器把 XML 文档转化为一个包含其内容的树，并可以对树进行遍历。用 DOM 解析模型的优点是编程容易，开发人员只需要调用建树的指令，然后利用navigation APIs访问所需的树节点来完成任务。可以很容易的添加和修改树中的元素。然而由于使用 DOM 解析器的时候需要处理整个 XML 文档，所以对性能和内存的要求比较高，尤其是遇到很大的 XML 文件的时候。由于它的遍历能力，DOM 解析器常用于 XML 文档需要频繁的改变的服务中。
　　SAX 解析器采用了基于事件的模型，它在解析 XML 文档的时候可以触发一系列的事件，当发现给定的tag的时候，它可以激活一个回调方法，告诉该方法制定的标签已经找到。SAX 对内存的要求通常会比较低，因为它让开发人员自己来决定所要处理的tag。特别是当开发人员只需要处理文档中所包含的部分数据时，SAX 这种扩展能力得到了更好的体现。但用 SAX 解析器的时候编码工作会比较困难，而且很难同时访问同一个文档中的多处不同数据。

4:jdom http://www.jdom.org
JDOM 的目的是成为 Java 特定文档模型，它简化与 XML 的交互并且比使用 DOM 实现更快。由于是第一个 Java 特定模型，JDOM 一直得到大力推广和促进。正在考虑通过“Java 规范请求 JSR-102”将它最终用作“Java 标准扩展”。从 2000 年初就已经开始了 JDOM 开发。
　　JDOM 与 DOM 主要有两方面不同。首先，JDOM 仅使用具体类而不使用接口。这在某些方面简化了 API，但是也限制了灵活性。第二，API 大量使用了 Collections 类，简化了那些已经熟悉这些类的 Java 开发者的使用。
　　JDOM 文档声明其目的是“使用 20%（或更少）的精力解决 80%（或更多）Java/XML 问题”（根据学习曲线假定为 20%）。JDOM 对于大多数 Java/XML 应用程序来说当然是有用的，并且大多数开发者发现 API 比 DOM 容易理解得多。JDOM 还包括对程序行为的相当广泛检查以防止用户做任何在 XML 中无意义的事。然而，它仍需要您充分理解 XML 以便做一些超出基本的工作（或者甚至理解某些情况下的错误）。这也许是比学习 DOM 或 JDOM 接口都更有意义的工作。
　　JDOM 自身不包含解析器。它通常使用 SAX2 解析器来解析和验证输入 XML 文档（尽管它还可以将以前构造的 DOM 表示作为输入）。它包含一些转换器以将 JDOM 表示输出成 SAX2 事件流、DOM 模型或 XML 文本文档。JDOM 是在 Apache 许可证变体下发布的开放源码。

5: DOM4J   http://dom4j.sourceforge.net/
　虽然 DOM4J 代表了完全独立的开发结果，但最初，它是 JDOM 的一种智能分支。它合并了许多超出基本 XML 文档表示的功能，包括集成的 XPath 支持、XML Schema 支持以及用于大文档或流化文档的基于事件的处理。它还提供了构建文档表示的选项，它通过 DOM4J API 和标准 DOM 接口具有并行访问功能。从 2000 下半年开始，它就一直处于开发之中。
　　为支持所有这些功能，DOM4J 使用接口和抽象基本类方法。DOM4J 大量使用了 API 中的 Collections 类，但是在许多情况下，它还提供一些替代方法以允许更好的性能或更直接的编码方法。直接好处是，虽然 DOM4J 付出了更复杂的 API 的代价，但是它提供了比 JDOM 大得多的灵活性。
　　在添加灵活性、XPath 集成和对大文档处理的目标时，DOM4J 的目标与 JDOM 是一样的：针对 Java 开发者的易用性和直观操作。它还致力于成为比 JDOM 更完整的解决方案，实现在本质上处理所有 Java/XML 问题的目标。在完成该目标时，它比 JDOM 更少强调防止不正确的应用程序行为。
　　DOM4J 是一个非常非常优秀的Java XML API，具有性能优异、功能强大和极端易用使用的特点，同时它也是一个开放源代码的软件。如今你可以看到越来越多的 Java 软件都在使用 DOM4J 来读写 XML，特别值得一提的是连 Sun 的 JAXM 也在用 DOM4J。

最后：我建议用dom4j

　JDOM 和 DOM 在性能测试时表现不佳，在测试 10M 文档时内存溢出。在小文档情况下还值得考虑使用 DOM 和 JDOM。虽然 JDOM 的开发者已经说明他们期望在正式发行版前专注性能问题，但是从性能观点来看，它确实没有值得推荐之处。另外，DOM 仍是一个非常好的选择。DOM 实现广泛应用于多种编程语言。它还是许多其它与 XML 相关的标准的基础，因为它正式获得 W3C 推荐（与基于非标准的 Java 模型相对），所以在某些类型的项目中可能也需要它（如在 javascript 中使用 DOM）。
　　SAX表现较好，这要依赖于它特定的解析方式。一个 SAX 检测即将到来的XML流，但并没有载入到内存（当然当XML流被读入时，会有部分文档暂时隐藏在内存中）。
　　无疑，DOM4J是最好的，目前许多开源项目中大量采用 DOM4J，例如大名鼎鼎的 Hibernate 也用 DOM4J 来读取 XML 配置文件。如果不考虑可移植性，那就采用DOM4J吧！

提示 实体名是区分大小写的。

备注 同一个符号，可以用“实体名称”和“实体编号”两种方式引用，“实体名称”的优势在于便于记忆，但不能保证所有的浏览器都能顺利识别它，而“实体编号”则没有这种担忧，但它实在不方便记忆。

ASCII/XML 中实体参考

ISO 8859-1 符号实体

ISO 8859-1 字符实体

其它一些 HTML 所支持的实体

　　效果：

　　<span>SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，<span>标识符允许你将一个段落分成不同的部分。

　　还有一个标识符具有类似的功能，<div>DIV也被用来在HTML文件中建立逻辑部分。但与<div>SPAN不同，<div>工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。

　　例1

　　〈?xml version="1.0" encoding="gb2312" ?〉
　　 〈参考资料〉
　　 〈书籍〉
　　 〈名称〉XML入门精解〈/名称〉
　　 〈作者〉张三〈/作者〉
　　 〈价格 货币单位="人民币"〉20.00〈/价格〉
　　 〈/书籍〉
　　 〈书籍〉
　　 〈名称〉XML语法〈/名称〉
　　 〈!--此书即将出版--〉
　　 〈作者〉李四〈/作者〉
　　 〈价格 货币单位="人民币"〉18.00〈/价格〉
　　 〈/书籍〉
　　 〈/参考资料〉

　　这是一个典型的XML文件，编辑好后保存为一个以.xml为后缀的文件。我们可以将此文件分为文件序言（Prolog）和文件主体两个大的部分。在此文件中的第一行即是文件序言。该行是一个XML文件必须要声明的东西，而且也必须位于XML文件的第一行，它主要是告诉XML解析器如何工作。其中，version是标明此XML文件所用的标准的版本号，必须要有；encoding指明了此XML文件中所使用的字符类型，可以省略，在你省略此声明的时候，后面的字符码必须是Unicode字符码（建议不要省略）。因为我们在这个例子中使用的是GB2312字符码，所以encoding这个声明也不能省略。在文件序言部分还有一些声明语句，我们在后面给予介绍。

　　文件的其余部分都是属于文件主体，XML文件的内容信息存放在此。我们可以看到，文件主体是由开始的〈参考资料〉和结束的〈/参考资料〉控制标记组成，这个称为XML文件的“根元素”；〈书籍〉是作为直属于根元素下的“子元素”；在〈书籍〉下又有〈名称〉、〈作者〉、〈价格〉这些子元素。货币单位是〈价格〉元素中的一个“属性”，“人民币”则是“属性值”。

　　〈!--此书即将出版--〉这一句同HTML一样，是注释，在XML文件里，注释部分是放在“〈!--”与“--〉”标记之间的部分。

　　大家可以看到，XML文件是相当简单的。同HTML一样，XML文件也是由一系列的标记组成，不过，XML文件中的标记是我们自定义的标记，具有明确的含义，我们可以对标记中的内容的含义作出说明。

　　1.XML解析器

　　解析器的主要功能就是检查XML文件是否有结构上的错误，剥离XML文件中的标记，读出正确的内容，以交给下一步的应用程序处理。XML是一种用来结构化文件信息的标记语言，XML规范中对于如何标记文件的结构性有一个详细的法则，解析器就是根据这些法则写出来的软件（多用Java写成）。同HTML一样，在浏览器中，必须有HTML的解析器，这样浏览器才能够“读懂”各种用HTML标记所组成的网页，将它们显示在我们面前。如果有浏览器的HTML解析器读不懂的标记，将会返回给我们错误信息。

　　由于现在的HTML标记实际上相当混乱，存在大量不规范的标记（有的网页用IE能正常显示，而用Netscape Navigator则不行），所以从一开始，XML的设计者就严格规定了XML的语法和结构，我们编写的XML文件必须遵循这些规定，否则XML解析器将毫不留情地给你显示错误信息。

　　有两种XML文件，一种是Well-Formed XML文件，一种是Validating XML文件。

　　如果一个XML文件满足XML规范中的某些相关法则，且没有使用DTD（文件格式定义——后详述）时，可称这份文件是Well-Formed。而如果一个XML文件是Well-Formed，且正确地使用了DTD，DTD中的语法又是正确的，那么这个文件就是Validating。对应两种XML文件，有两种XML解析器，一种是Well-Formed 解析器，一种是Validating解析器。IE 5中就内含Validating解析器，Validating解析器也可用来解析Well-Formed XML文件。

　　检查它是否满足了Well-Formed的条件。我们可以将刚才编辑的第一个XML 文件用IE 5以上版本的浏览器打开。

　　大家可能要问为什么在浏览器中的显示和我的源文件一样？没错，因为对于XML文件，我们鼋龉匦乃 的内容，而它的显示形式是交给CSS或XSL来完成的。这里，我们并没有给这个XML文件定义它的CSS或XSL文件，所以它按照原来的形式来显示。实际上，对于电子数据交换，仅仅需要一个XML文件即可，如果要将它以某种形式显示出来，我们就必须编辑CSS或XSL文件（这个问题会在以后讨论）。

　　2.Well-Formed的XML文件

　　我们知道，XML必须是Well-Formed的，才能够被解析器正确地解析出来，显示在浏览器中。那么什么是Well-Formed的XML文件呢？主要有下面几个准则，我们在创建XML文件的时候，必须满足它们。

　　首先，XML文件的第一行必须是声明该文件是XML文件以及它所使用的XML规范版本。在文件的前面不能够有其它元素或者注释。

　　第二，在XML文件中有且只能够有一个根元素。我们的第一个例子中，〈参考资料〉... 〈/参考资料〉就是此XML文件的根元素。

　　第三，在XML文件中的标记必须正确地关闭，也就是说，在XML文件中，控制标记必 须有与之对应的结束标记。如：〈名称〉标记必须有对应的〈/名称〉结束标记，不像HTML，某些标记的结束标记可有可无。如果在XML文件中遇到自成一个单元的标记，就是类似于HTML 中的〈img src=.....〉的这些没有结束标记的时候，XML把它称为“空元素”，必须用这样的写法：〈空元素名/〉，如果元素中含有属性时写法则为：〈空元素名 属性名=“属性值”/〉。

　　第四，标记之间不得交叉。在以前的HTML文件中，可以这样写：

　　〈B〉〈H〉XXXXXXX〈/B〉〈/H〉,〈B〉和〈H〉

　　标记之间有相互重叠的区域，而在XML中，是严格禁止这样标记交错的写法，标记必须以规则性的次序来出现。 

　　第五，属性值必须要用“ ”号括起来。如第一个例子中的“1.0”、“gb2312”、“人民币”。都是用“ ”号括起来了的，不能漏掉。

　　第六，控制标记、指令和属性名称等英文要区分大小写。与HTML不同的是，在HTML中， 类似〈B〉和〈b〉的标记含义是一样的，而在XML中，类似〈name〉、〈NAME〉或〈Name〉这样的标记是不同的

　　第七，我们知道，在HTML文件中，如果我们要浏览器原封不动地将我们所输入的东西显示出来，可以将这些东西放到〈pre〉〈/pre〉或者〈xmp〉〈/xmp〉标记中间。这对于我们创建HTML教学的网页是必不可少的，因为网页中要显示HTML的源代码。而在XML中，要实现这样的功能，就必须使用CDATA标记。在CDATA标记中的信息被解析器原封不动地传给应用程序，并且不解析该段信息中的任何控制标记。CDATA区域是由：“〈![CDATA[”为开始标记，以“>〉”为结束标记。例如：例2中的源码，除了“〈![CDATA[”和“>〉”符号，其余的内容解析器将原封不动地交给下游的应用程序，即使CDATA区域中的开始和结尾的空白以及换行字符等，都同样会被转交（注意CDATA是大写的字符）。

　　例2

　　〈![CDATA[飞翔的xml〉〉〉〉〉,:-)
　　 oooo〈〈〈〈〈〈〈
　　 >〉

　　第八，XML处理空白字符和HTML不一样。HTML标准规定，不管有多少个空白，都当作一个空白来处理；而在XML中规定，所有标记以外的空白，解析器都要忠实地交给下游的应用程序处理。这样，我们有时必须摒弃编写HTML文件时的缩排习惯，因为缩排的空格，解析器也要处理。如：

　　 〈作者〉张三〈/作者〉
　　 和
　　 〈作者〉
　　 张三
　　 〈/作者〉

　　上述内容对于解析器来说是不同的（后者在〈作者〉〈/作者〉标记之内除了张三这个字符以外，还包括两个换行记号以及“张三”前的文字缩排符号）。所以解析器在去掉标记后将信息传给应用程序将有不同的处理结果。

　　如果我们想明确地告诉XML程序，标记中的空白有明确的含义，不要随便去掉（如在一些诗中，空格有它具体的意义），则可在标记中加入一个XML内置的属性——xml:space 。如（注意属性名称和值的大小写）： 　　

　　〈诗歌 xml:space="preserver"〉
　　 祖国啊！ 祖国！
　　 我的祖国！
　　 〈/诗歌〉

　　另外，在XML文件中，如果要用到表1的特殊字符，必须用相应符号代替。

　　表1

　　特殊字符 替代符号
　　 && &
　　 < &it;
　　 > >
　　 " "
　　 ' &apos;

　　在此做个小结：符合上述规定的XML文件就是Well-Formed的XML文件。这是编写XML文件的最基本要求。可以看到XML文件的语法规定比HTML要严格多了。由于有这样的严格规定，软件工程师编写XML的解析器就容易多了，不像编写HTML语言的解析器，必须费尽心思去适应不同的网页写法，提高自己浏览器的适应能力。实际上，这对于我们初学者来说，也是一件好事。该怎样就怎样，不必像原来那样去疑惑各种HTML的写法。

　　我们看到，在XML文件中，用的大多都是自定义的标记。但是大家考虑一下，如果两个同行业的公司A和B要用XML文件相互交换数据，A公司用〈价格〉标记来表示他们产品的价格信息，而B公司可能用〈售价〉来表示价格信息。如果一个XML应用程序来读取他们各自的XML文件中的信息时，如果它只知道〈价格〉标记里表示的是价格信息，那么B公司的价格信息就读不出来，必将产生错误。显然，对于想利用XML文件来交换信息的实体来说，他们之间必须有一个约定——即编写XML文件可以用哪些标记，母元素中能够包括哪些子元素，各个元素出现的顺序，元素中的属性怎样定义等。这样他们在用XML交换数据时才能够畅通无阻。这种约定称为DTD（Document Type Definition，文档格式定义）。可以把DTD看作编写XML文件的模板。对于同行业之间的XML数据交换，有一个固定的DTD将会方便很多。比如说，如果网上的各大电子商场的XML网页都遵循同一个DTD时，那么我们就可以轻松地依据这个DTD 编写一个应用程序，去网上将我们感兴趣的东西自动抓回来。事实上已经有了好几个定义好的DTD，如前面所说的MathML、SMIL等。

　　如果一个XML文件是Well-Formed的，并且它是正确的依据某个DTD建立的，那么，这个XML文件就被称为：Validating XML文件。相应的解析器就称为：Validating Parser。

一、meta标签的组成

     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="***@yahoo.com.con"＞

    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://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是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
文章二：

 Meta标签详解，在网上转的，希望对大家有用
　　引言

　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广
个人网站，人们首先想到的方法无外乎以下几种：
　　
　　●　在搜索引擎中登录自己的个人网站
　　
　　●　在知名网站加入你个人网站的链接

　　●　在论坛中发帖子宣传你的个人网站

　　很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新

认识一下META标签吧！

　　META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标

签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键

字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。

　　详细介绍

　　下面介绍一些有关 标记的例子及解释。

　　META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

　　★HTTP-EQUIV

　　HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：

　　1、Content-Type和Content-Language (显示字符集的设定)

　　说明：设定页面使用的字符集，用以说明主页制作所使用的文字已经语言，浏览器会根据此来调用相应的字符集显示page内容。

　　用法：<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
　　　　　　<Meta http-equiv="Content-Language" Content="zh-CN">

　　注意：　该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则

该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就

是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下

载。其他的语言也对应不同的charset，比如日文的字符集是“iso-2022-jp ”，韩文的是“ks_c_5601”。
　　　　　　
　　Content-Type的Content还可以是：text/xml等文档类型；
　　Charset选项：ISO-8859-1(英文)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii, x-mac-roman, iso-8859-2, x-mac-ce, iso-

2022-jp, x-sjis, x-euc-jp,euc-kr, iso-2022-kr, gb2312, gb_2312-80, x-euc-tw, x-cns11643-1,x-cns11643-2等字符集；Content-

Language的Content还可以是：EN、FR等语言代码。

　　2、Refresh (刷新)

　　　说明：让网页多长时间（秒）刷新自己，或在多长时间后让网页自动链接到其它网页。
　　　用法：<Meta http-equiv="Refresh" Content="30">
　　　　　　<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">
　　　注意：其中的5是指停留5秒钟后自动刷新到URL网址。

　　3、Expires (期限)

　　　说明：指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。
　　　用法：<Meta http-equiv="Expires" Content="0">
　　　　　　<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
　　　注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。

　　4、Pragma (cach模式)

　　　说明：禁止浏览器从本地机的缓存中调阅页面内容。
　　　用法：<Meta http-equiv="Pragma" Content="No-cach">
　　　注意：网页不保存在缓存中，每次访问都刷新页面。这样设定，访问者将无法脱机浏览。

　　5、Set-Cookie (cookie设定)

　　说明：浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的

图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的

页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。
　　　用法：<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
　　　　　　 21-Oct-98 16:14:21 GMT; path=/">
　　　注意：必须使用GMT的时间格式。

　　6、Window-target (显示窗口的设定)

　　　说明：强制页面在当前窗口以独立页面显示。
　　　用法：<Meta http-equiv="Widow-target" Content="_top">
　　　注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。

　　7、Pics-label (网页RSAC等级评定)
　　　说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级
　　　　　　别就是通过该参数来设置的。
　　　用法：<META http-equiv="Pics-label" Contect=
　　　　　　　　　　　　　　　"(PICS－1.1'http://www.rsac.org/ratingsv01.html'
　　　　　　 I gen comment 'RSACi North America Sever' by 'inet@microsoft.com'
　　　　　　　for 'http://www.microsoft.com' on '1997.06.30T14:21－0500' r(n0 s0 v0 l0))">

　　　注意：不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer

（IE3.0以上）来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的（n 0 s 0 v 0 l 0）表示该站点

不包含不健康内容。级别的评定是由RSAC，即美国娱乐委员会的评级机构评定的，如果你想进一步了解RSAC评估系统的等级内容，或者你需要

评价自己的网站，可以访问RSAC的站点：http://www.rsac.org/。

　　8、Page-Enter、Page-Exit (进入与退出)

　　　说明：这个是页面被载入和调出时的一些特效。
　　　用法：<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
　　　　　　<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
　　　注意：blendTrans是动态滤镜的一种，产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:

　　　　　　<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
　　　　　　<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">

　　　　　　　Duration　　表示滤镜特效的持续时间(单位：秒)
　　　　　　　Transition　滤镜类型。表示使用哪种特效，取值为0-23。

　　　　　　　0 矩形缩小
　　　　　　　1 矩形扩大
　　　　　　　2 圆形缩小
　　　　　　　3 圆形扩大
　　　　　　　4 下到上刷新
　　　　　　　5 上到下刷新
　　　　　　　6 左到右刷新
　　　　　　　7 右到左刷新
　　　　　　　8 竖百叶窗
　　　　　　　9 横百叶窗
　　　　　　 10 错位横百叶窗
　　　　　　 11 错位竖百叶窗
　　　　　　 12 点扩散
　　　　　　 13 左右到中间刷新
　　　　　　 14 中间到左右刷新
　　　　　　 15 中间到上下
　　　　　　 16 上下到中间
　　　　　　 17 右下到左上
　　　　　　 18 右上到左下
　　　　　　 19 左上到右下
　　　　　　 20 左下到右上
　　　　　　 21 横条
　　　　　　 22 竖条
　　　　　　 23 以上22种随机选择一种

　　9、MSThemeCompatible (XP主题)
　　　说明：是否在IE中关闭 xp 的主题
　　　用法：<Meta http-equiv="MSThemeCompatible" Content="Yes">
　　　注意：关闭 xp 的蓝色立体按钮系统显示样式，从而和win2k 很象。

　　10、IE6 (页面生成器)
　　　说明：页面生成器generator，是ie6
　　　用法：<Meta http-equiv="IE6" Content="Generator">
　　　注意：用什么东西做的，类似商品出厂厂商。

　　11、Content-Script-Type (脚本相关)
　　　说明：这是近来W3C的规范，指明页面中脚本的类型。
　　　用法：<Meta http-equiv="Content-Script-Type" Content="text/javascript">
　　　注意：

　　★NAME变量

　　name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查

找meta值来给网页分类）。
　　name的value值（name=""）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)

等。还可以指定其他任意值，如：creationdate(创建日期) 、
document ID(文档编号)和level(等级)等。
　　name的content指定实际内容。如：如果指定level(等级)为value(值)，则Content可能是beginner(初级)、intermediate(中级)、

advanced(高级)。

　　1、Keywords (关键字)
　　　说明：为搜索引擎提供的关键字列表
　　　用法：<Meta name="Keywords" Content="关键词1,关键词2，关键词3,关键词4,……">
　　　注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从

属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：
　　　　　　<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
　　　　　　<Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">

　　2、Description (简介)
　　　说明：Description用来告诉搜索引擎你的网站主要内容。
　　　用法：<Meta name="Description" Content="你网页的简述">
　　　注意：

　　3、Robots (机器人向导)
　　　说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、

nofollow。默认是all。
　　　用法：<Meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow">
　　　注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

　　　 all：文件将被检索，且页面上的链接可以被查询；
　　　 none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用)
　　　 index：文件将被检索；（让robot/spider登录）
　　　 follow：页面上的链接可以被查询；
　　　 noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)
　　　nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

　　4、Author (作者)
　　　说明：标注网页的作者或制作组
　　　用法：<Meta name="Author" Content="张三，abc@sina.com">
　　　注意：Content可以是：你或你的制作组的名字,或Email

　　5、Copyright (版权)
　　　说明：标注版权
　　　用法：<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">
　　　注意：

　　6、Generator (编辑器)
　　　说明：编辑器的说明
　　　用法：<Meta name="Generator" Content="PCDATA|FrontPage|">
　　　注意：Content="你所用编辑器"

　　7、revisit-after (重访)
　　　说明：
　　　用法：<META name="revisit-after" CONTENT="7 days" >
　　　注意：

　　★Head中的其它一些用法

　　1、scheme (方案)
　　　说明：scheme can be used when name is used to specify how the value of content should
　　　　　　be interpreted.
　　　用法：<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />
　　　注意：

　　2、Link (链接)
　　　说明：链接到文件
　　　用法：<Link href="soim.ico" rel="Shortcut Icon">
　　　注意：很多网站如果你把她保存在收件夹中后，会发现它连带着一个小图标，如果再次点击进入之后还会发现地址栏中也有个小图标。

现在只要在你的页头加上这段话，就能轻松实现这一功能。<LINK> 用来将目前文件与其它 URL 作连结，但不会有连结按钮，用於 <HEAD> 标

记间， 格式如下：
　　　　　　　<link href="URL" rel="relationship">
　　　　　　　<link href="URL" rev="relationship">

　　3、Base (基链接)
　　　说明：插入网页基链接属性
　　　用法：<Base href="http://www.xia8.net/" target="_blank">
　　　注意：你网页上的所有相对路径在链接时都将在前面加上“http://www.cn8cn.com/”。其中target="_blank"是链接文件在新的窗口中

打开，你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开；改为“_self”链接文件在当前窗口（

帧）中打开；改为“_top”链接文件全屏显示。

　　以上是META标签的一些基本用法，其中最重要的就是：Keywords和Description的设定。为什么呢？道理很简单，这两个语句可以让搜索引

擎能准确的发现你，吸引更多的人访问你的站点!根据现在流行搜索引擎(Google，Lycos，AltaVista等)的工作原理，搜索引擎先派机器人自动

在WWW上搜索，当发现新的网站时，便于检索页面中的Keywords和Description，并将其加入到自己的数据库，然后再根据关键词的密度将网站

排序。

　　由此看来，我们必须记住添加Keywords和Description的META标签，并尽可能写好关键字和简介。否则，
后果就会是：
　　
　　●　如果你的页面中根本没有Keywords和Description的META标签，那么机器人是无法将你的站点加入数
　　　　据库，网友也就不可能搜索到你的站点。

　　●　如果你的关键字选的不好，关键字的密度不高，被排列在几十甚至几百万个站点的后面被点击的可
　　　　能性也是非常小的。

　　写好Keywords(关键字)要注意以下几点：

　　●　不要用常见词汇。例如www、homepage、net、web等。

　　●　不要用形容词，副词。例如最好的，最大的等。

　　●　不要用笼统的词汇，要尽量精确。例如“爱立信手机”，改用“T28SC”会更好。

　　“三人之行，必有我师”，寻找合适关键词的技巧是：到Google、Lycos、Alta等著名搜索引擎，搜索与
你的网站内容相仿的网站，查看排名前十位的网站的META关键字，将它们用在你的网站上，效果可想而知了。

　　★小窍门

　　为了提高搜索点击率，这里还有一些“捷径”可以帮得到你：

　　●　为了增加关键词的密度，将关键字隐藏在页面里(将文字颜色定义成与背景颜色一样)。

　　●　在图像的ALT注释语句中加入关键字。如：<IMG SRC="xxx.gif" Alt="Keywords">

　　●　利用HTML的注释语句，在页面代码里加入大量关键字。用法： <!-- 这里插入关键字 -->

<head>　　<title>文件头，显示在浏览器标题区</title>　　<meta http-equiv="Content-Language" content="zh-cn">　　<meta http-

equiv="Content-Type" content="text/html; charset=gb2312">　　<meta name="GENERATOR" content="Microsoft FrontPage 4.0">　　

<meta name="ProgId" content="FrontPage.Editor.Document">　　<meta name="制作人" content="唐蓉生">　　<meta name="主题词"

content="HTML 网页制作 课件"></head>
 

是multipurpose Internet mail extensions 的缩写。它是一种协议，可使电子邮件除包含一般纯文本以外，还可加上彩色图片、视频、声音或二进位格式的文件。它要求邮件的发送端和接收端必须有解读MIME 协议的电子邮件程序。


多媒体文件格式MIME
　　最早的HTTP协议中，并没有附加的数据类型信息，所有传送的数据都被客户程序解释为超文本标记语言HTML 文档，而为了支持多媒体数据类型，HTTP协议中就使用了附加在文档之前的MIME数据类型信息来标识数据类型。

　　MIME意为多目Internet邮件扩展，它设计的最初目的是为了在发送电子邮件时附加多媒体数据，让邮件客户程序能根据其类型进行处理。然而当它被HTTP协议支持之后，它的意义就更为显著了。它使得HTTP传输的不仅是普通的文本，而变得丰富多彩。

　　每个MIME类型由两部分组成，前面是数据的大类别，例如声音audio、图象image等，后面定义具体的种类。

常见的MIME类型

超文本标记语言文本 .html,.html text/html
普通文本 .txt text/plain
RTF文本 .rtf application/rtf
GIF图形 .gif image/gif
JPEG图形 .ipeg,.jpg image/jpeg
au声音文件 .au audio/basic
MIDI音乐文件 mid,.midi audio/midi,audio/x-midi
RealAudio音乐文件 .ra, .ram audio/x-pn-realaudio
MPEG文件 .mpg,.mpeg video/mpeg
AVI文件 .avi video/x-msvideo
GZIP文件 .gz application/x-gzip
TAR文件 .tar application/x-tar

　　Internet中有一个专门组织IANA来确认标准的MIME类型，但 Internet发展的太快，很多应用程序等不及IANA来确认他们使用的MIME类型为标准类型。因此他们使用在类别中以x-开头的方法标识这个类别还没有成为标准，例如：x-gzip，x-tar等。事实上这些类型运用的很广泛，已经成为了事实标准。只要客户机和服务器共同承认这个MIME类型，即使它是不标准的类型也没有关系，客户程序就能根据MIME类型，采用具体的处理手段来处理数据。而Web服务器和浏览器（包括操作系统）中，缺省都设置了标准的和常见的MIME类型，只有对于不常见的 MIME类型，才需要同时设置服务器和客户浏览器，以进行识别。

　　由于MIME类型与文档的后缀相关，因此服务器使用文档的后缀来区分不同文件的MIME类型，服务器中必须定义文档后缀和MIME类型之间的对应关系。而客户程序从服务器上接收数据的时候，它只是从服务器接受数据流，并不了解文档的名字，因此服务器必须使用附加信息来告诉客户程序数据的MIME类型。服务器在发送真正的数据之前，就要先发送标志数据的MIME类型的信息，这个信息使用Content-type关键字进行定义，例如对于HTML文档，服务器将首先发送以下两行MIME标识信息,这个标识并不是真正的数据文件的一部分。

　　Content-type: text/html

　　注意，第二行为一个空行，这是必须的，使用这个空行的目的是将MIME信息与真正的数据内容分隔开。

可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。

　　上周我也遇到了ID和Name的问题，在页面里输入了一个input type="hidden"，只写了一个ID='SliceInfo'，赋值后submit，在后台用Request.Params ["SliceInfo"]却怎么也去不到值。后来恍然大悟因该用Name来标示，于是在input里加了个Name='SliceInfo'，就一切 ok了。

　　第一段里对于ID和Name的解答说的太笼统了，当然那个解释对于ID来说是完全对的，它就是Client端HTML元素的Identity。而Name其实要复杂的多，因为Name有很多种的用途，所以它并不能完全由ID来代替，从而将其取消掉。具体用途有：

    用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。
    用途2: HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。
    用途3: 建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用Name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点。
    用途4: 作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。
    用途5: 在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。
    用途6: 某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

    显然这些用途都不是能简单的使用ID来代替掉的，所以HTML元素的ID和Name的却别并不是身份证号码和姓名这样的区别，它们更本就是不同作用的东西。

    当然HTML元素的Name属性在页面中也可以起那么一点ID的作用，因为在DHTML对象树中，我们可以使用 document.getElementsByName来获取一个包含页面中所有指定Name元素的对象数组。Name属性还有一个问题，当我们动态创建可包含Name属性的元素时，不能简单的使用赋值element.name = "..."来添加其Name，而必须在创建Element时，使用document.createElement('<element name = "myName"></element>')为元素添加Name属性。这是什么意思啊？看下面的例子就明白了。

<script language="JavaScript">
var input = document.createElement('INPUT');
input.id = 'myId';
input.name = 'myName';
alert(input.outerHTML);
</script>

    消息框里显示的结果是：<INPUT id=myId>。

<script language="JavaScript">
var input = document.createElement('<INPUT name="myName">');
input.id = 'myId';
alert(input.outerHTML);
</script>

    消息框里显示的结果是：<INPUT id=myId name=myName>。

    初始化Name属性的这个设计不是IE的缺陷，因为MSDN里说了要这么做的，可是这样设计的原理什么呢？我暂时没有想太明白。

    这里再顺便说一下，要是页面中有n(n>1)个HTML元素的ID都相同了怎么办？在DHTML对象中怎么引用他们呢？如果我们使用ASPX页面，这样的情况是不容易发生的，因为aspnet进程在处理aspx页面时根本就不允许有ID非唯一，这是页面会被抛出异常而不能被正常的render。要是不是动态页面，我们硬要让ID重复那IE怎么搞呢？这个时候我们还是可以继续使用document.getElementById获取对象，只不过我们只能获取ID重复的那些对象中在HTML Render时第一个出现的对象。而这时重复的ID会在引用时自动变成一个数组，ID重复的元素按Render的顺序依次存在于数组中。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

表单元素(form  input  textarea  select)与框架元素(iframe  frame)用  name  
这些元素都与表单(框架元素作用于form的target)提交有关,  在表单的接收页面只  
接收有name的元素,  赋ID的元素通过表单是接收不到值的.  
 
当然上述元素也可以赋ID值,  赋ID值的时候引用这些元素的方法就要变一下了.  
赋  name:  document.formName.inputName        document.frames("frameName")  
赋  ID    :  document.all.inputID                      document.all.frameID  
 
只能赋ID不能赋name的元素:(除去与表单相关的元素都只能赋ID)  
body  li  a  table  tr  td  th  p  div  span  pre  dl  dt  dd  font  b  等等

   我们常用的HTML其实就是规范化后的XML，在XML中任何一个节点都可以有他自定义的标签属性。在HTML中也一样可以，我们通过增加标签的属性可以大大加强了script对标签的操控能力。

例如：

   <input type = "text" name = "text1" value = "111">

   上面这个input标签它的属性，例如：name、value、type都是他的标准属性，但是我们也可以增加一些特有的标签，例如：

    <input type = "text" name = "text1" value = "111" dataType = "int" isnull="false" chineseName = "工资">

  这样子一来我们就可以把这个标签描述的很清楚了，这个标签的数据类型为int，不允许为空，标签的中文名为“工资”。我们可以编写一个通用的判断函数，只要在表单提交之前遍历一下所有控件看看是否符合定义。这样子一来就可以省下很多重复的工作了。除了这个其实还有很多很多好的想法，这里我就不一一描述了。大家回去多点实践实践。

<frameset cols=数字或比例,数字或比例>(左右分割框架)或
<frameset rows=数字或比例,数字或比例>(上下分割框架)

代码也可以写成这样 :
<frameset cols=120,*>

用*的意思是左边的页面长度为120，而剩余的空间都留给右边的页面显示和使用。

在<frameset>之后还要加上<frame>的代码:
1、如果左边页面的显示网页为left.htm， 而右边页面显示的网页为right.htm，代码将如下所示 :

<frameset cols=120,*>
<frame src="left.htm">
<frame src="right.htm">
</frameset>

2、如果上边页面的显示网页为top.htm， 而下边页面显示的网页为foot.htm，代码将如下所示 :
<frameset rows=30,*>
<frame src="top.htm">
<frame src="foot.htm">
</frameset>

■<frameset>标签控制属性如下 :

framespacing=控制两个frame之間的距离；
frameborder=控制frame外框的粗细；
border=控制外框粗细，不外框便设成0
要分割页面的原始码如下，不須加上<body>标签 :

<html>
<head>
<title>
我的网站
</title>
</head>
<frameset cols=200,* frameborder="0" framespacing="0" border="0">
<frame src="left.htm">
<frame src="right.htm">
</frameset>
</html>

■frame标签的其它属性如下：
<frame>是用来表述被分割的每一个小窗口的情况的，其主要属性有：

src：指定每个frame链接文件的路径，即链接文件所在的目录。

marginwidth：设置文件与左右边框的距离。

marginheight：设置文件与上下边框的距离。

noresize：禁止浏览者改变frame的大小。

scrolling：设置滚动条是否显示，一共有三个参数：yes（显示）、no（不显示）和auto（由浏览器自动判断是否显示滚动条），缺省值是auto。

name：设置frame的名字。(可控制超链接出现位置)

<frame src="left.htm" name="left">
<frame src="right.htm" name="right">

比如我们想要在按下左边页面里的的链接时，只改变右边页面的內容，则在在左边页面的链接目标里要加上:
<a href="http://bbs.cuiz.net" target="right">回论坛首页</a>

请注意链接中target的定义为_parent，这属于4个特殊的保留值。它们是：
_parent：在当前FRAMESET位置显示新href；
_top：   在当前整个窗口位置显示新href，比如本身FRAMESET位于另一个FRAMESET中；
_self：  强制在当前FRAME中显示新href；
_blank： 在新窗口中显示href；

这里定义的是右边框架内显示。

◆◆下面简要说明一下<iframe>标签的用法与属性◆◆

  一、<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。我们举第一个例子，具体代码如：
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>，这里的URL可以是相对路径，也可以是绝对路径

width表示宽度，height表示高度，可根据实际情况调整。
scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。

  二、如何实现页面上的超链接指向这个嵌入的网页
只要给这个iframe命名就可以了。方法是<iframe name=**>，例如我命名为player，写入这句HTML语言< iframe width=640 height=25 name=player frameborder=0 src=http://www.cuiz.net/player.htm> </iframe>，
然后，网页上的超链接语句应该写为：<a href=URL target=cuiz>打开播放器</a>

 下面是一个<iframe>标签实例：

  <iframe name="exobud_mp" src="PlayerMP/exobud.html"
   width="640" height="25" marginwidth="0" marginheight="0"
   border="0" frameborder="0" scrolling="no"></iframe>

 ☆以上设定框架大小的数值仅供参考。一般来说，长条形状的播放器会占用面积大约为 640~760px(像素) 的宽度乘以 20~25px(像素) 的高度。
 (若使用字幕功能，需额外增加 60px 的高度)

☆☆☆☆下面给出几个播放器加入页面内的范例☆☆☆☆

  1、使用网页框架 (frameset) 方式的嵌入法范例(上下型--播放器在下边)：

  <frameset rows="*,25" framespacing="0" border="0" frameborder="0">
    <frame name="index" src="http://bbs.cuiz.net" noresize>
    <frame name="exobudmp" src="PlayerMP/exobud.html" scrolling="no" noresize>
  </frameset>

  2、使用网页框架 (frameset) 方式的嵌入法范例(上下型--播放器在上边)：

  <frameset rows="30,*" framespacing="0" border="0" frameborder="0">
    <frame name="exobudmp" src="PlayerMP/exobud.html" scrolling="no" noresize>
    <frame name="index" src="http://bbs.cuiz.net" noresize>
  </frameset>

  3、使用网页框架 (frameset) 方式的嵌入法范例(左右型--播放器在左边)：

  <frameset cols="200,*" framespacing="0" border="0" frameborder="0">
    <frame name="exobudmp" src="PlayerMP/exobud.html" scrolling="no" noresize>
    <frame name="index" src="http://bbs.cuiz.net" noresize>
  </frameset>

☆☆进行播放器嵌入网站的动作时，请注意：

  1. 您必须了解HTML的框架语法如何应用，以及懂得利用纯文本编辑器来设定框架
     语法。若您仍未掌握框架语法的写法，请先在网路上搜索有关资料了解一下。

  2. 无论使用任何方式的语法 (包括Javascript等) 将播放器嵌入网站，您都必须
     确保当浏览者转换网页时，不会同时整理播放器所在的网页，因而影响播放器
     的动作。

  3. 如果您不熟悉HTML语法，最好不要使用以内嵌框架 (iframe) 的方式将播放器
     嵌入网站，除非您已明白您的网站版面设计适合使用以此方式嵌入播放器。

  4. 以上说明使用框架 (frameset或iframe) 的方式将播放器嵌入网站，并不适用
     于以弹出式窗口 (Pop-up Window) 打开的播放器。(以上说明参考部分繁体版说明)