HTML 和 XHTML 区别

这篇文章主要阐述 HTML 和 XHTML 的区别。简单来说，XHTML 可以认为是 XML 版本的 HTML，为符合 XML 要求，XHTML 语法上要求更严谨些。

以下是 XHTML 相对 HTML 的几大区别：

• XHTML 要求正确嵌套
• XHTML 所有元素必须关闭
• XHTML 区分大小写
• XHTML 属性值要用双引号
• XHTML 用 id 属性代替 name 属性
• XHTML 特殊字符的处理

XHTML 要求正确嵌套

以下是正确的嵌套：

以下是错误的嵌套：

XHTML 所有元素必须关闭

在 HTML 中 ，比如 <p>，<li> 这些标记，你可以不写 </p>，</li>，但是在 XHTML 里，必须要求写关闭标记 (Closing Tag)。

比如：

应该写成:

处理空元素

有些空元素 ，在 XHTML 里的写法是在">"之前加空格和斜杠。比如<br>，应该写成<br />。

以下 是空元素的例子：

XHTML 区分大小写

HTML 不区分大小写，但是 XHTML 是区分大小写的。

XHTML 语法上要求更严谨些。要积极的看待这个问题。

XHTML 的所有标记和属性都要 小写。

比如：

应该写成：

XHTML 属性值要用双引号

情况就有所不同。并不强制要求属性值加双引号？

HTML 并不强制要求属性值加双引号。比如你可以写:

的几大区别：HTML 4 .01 相比实在没有什么不同？

但在 XHTML 里，应该写成：

XHTML 用 id 属性代替 name 属性

HTML 很多元素，比如 a，applet，frame，iframe，img 和 map，有 name 属性。在 XHTML 里是要废除的，而用 id 属性取而代之。

比如：

应该写成：

XHTML 特殊字符的处理

& 应该在 XHTML 里应该写成 &amp;。

比如：比如：XHTML 的所有标记和属性都要小写。

比如：

应该写成：

还有如果内嵌 Jav ascript 代码，在 XHTML 里则应该写成：

浏览器的角度

以上是从协议标准的角度来看待这个问题的。如果从浏览器的角度来看待这个问题，情况就有所不同。

考虑一下，如果把 XHTML 写得很不严格，浏览器会怎么做？是不是会弹出一个对话框，写着“这个网站的开发人员技术不过关，写的不是正宗的 XHTML 文件，咱不显示”？显然，如果浏览器做成这个样子，倒贴钱也是不会有人用的。

从浏览器的角度看待上面几个不同，大致 是下面的测试结果(IE 和Firefox我都测试过)：

• XHTML 要求正确嵌套：如果你没有嵌套，浏览器会试图帮你嵌套。
• XHTML 所有元素必须关闭：如果你没有关闭，浏览器会试图帮你关闭。
• XHTML 区分大小写：你非要写成大写，浏览器帮你转换成为小写。
• 属性值要用双引号：你非要不肯加，浏览器帮你加。
• 特殊字符的处理：You & Me 也好，You &amp; Me 也好 ，浏览器都能读入。
• 用 id 属性代替 name 属性 ：你非要用 name 也可以。

XHTML 里应该写成 &amp;。以下是正确的嵌套。

如果 你在文档开始用 DocType 指定为 XHTML 了，有一点需要注意。在给 Tag 用 class 指定CSS 的时候，是区分大小写的。例如，你定义了一个CSS如下，

而你使用的时候写成，

而你使用的时候写成，如果从浏览器的角度来看待这个问题 。

那这个CSS是不会被使用的。要积极的看待这个问题，这让你可以用更多的名字来命名 Style，是一个好事。

XHTML 标准的前途

从标准制定者的初衷看，制定 XHTML 标准是试图把 HTML 规范成为严格的 XML 格式，这样无可避免的会导致一个结果，就是从 HTML 到 XHTML 的升级导致标准的容错能力降低了。把自己的网页源文件写得严格一点当然是好事，但是一个标准不可能去要求浏览器降低自己的容错能力。

XHTML 1 .0 标准是兼容 HTML 4.01，是个不错的协议，可以让开发者在编写代码的同时通过一些工具来检查代码的合法性，虽然对于用户而言，制作出来的网页和 HTML 4.01 相比实在没有什么不同。对于你写新的网页来说，使用 XHTML 1.0 还是一个不错的选择。

XHTML 1.1 标准要求浏览器不再支持原先的容错能力，这是一个标准制定者走火入魔的典型例子，这个标准从学术上说非常纯净，但是对于浏览器而言，则是个呆板、笨拙、不可理喻的标准。所以目前所有由人类开发的浏览器都没有遵照所谓纯净的 XHTML 1.1的标准，你的代码只要浏览器能读懂，他都会很好的显示出来，而不跳出弹框报错。

应该写成:：应该写成：以下是 XHTML 相对 ！

从发展的趋势来看，一个标准没有浏览器服从，等于是没有意义的标准。从浏览器的实现角度来看，新的协议只能在原来 HTML 的基础上扩大能力增加容错 ，而不能缩小了能力减少容错。所以新的协议中，只有扩大能力增加容错的部分会被采纳，而其他部分都仅仅是纸上谈兵而已。

本教程主要介绍HTML网页如何取得形如test.html?foo=mytest的foo参数，以及在HTML网页中如何向swf传递参数。

一、在HTML网页中使用js获取参数。
我们知道HTML页面是在客户端执行的，这样要获取参数必须使用客户端脚本（如Javascript），在这点上不同于服务器端脚本获取参数方式。下面的这段js代码获取HTML网页形如"test.html?foo=mytest&program=flash" "?"后所有参数。

<script language=javascript>
<!--
var hrefstr,pos,parastr;
hrefstr = window.location.href;
pos = hrefstr.indexOf("?");
parastr = hrefstr.substring(pos+1);
if (pos>0){
 document.write("所有参数："+parastr);
} else {
 document.write("无参数");
}
//-->
</script>

下面的这段js代码则可以更加细化获取HTML网页某一参数

<script language=javascript>
<!--
function getparastr(strname) {
 var hrefstr,pos,parastr,para,tempstr;
 hrefstr = window.location.href;
 pos = hrefstr.indexOf("?")
 parastr = hrefstr.substring(pos+1);

 para = parastr.split("&");
 tempstr="";
 for(i=0;i<para.length;i++)
 {
  tempstr = para[i];
  pos = tempstr.indexOf("=");
  if(tempstr.substring(0,pos) == strname) {
   return tempstr.substring(pos+1);
  }
 }
 return null;
}
// 获取program参数
var programstr = getparastr("program");
document.write(programstr);
//-->
</script>

二、在HTML网页中向swf传递参数。
方法一：在网页中使用js，SetVariable设置flashobject中的变量，代码如：

// "HtmlToSwf"为网页中的flashobject ID
HtmlToSwf.SetVariable("_root.info_str","Happy Newyear");

方法二：路径参数，如test.swf?foo=happy2005
方法三：使用FlashVars，以下主要介绍FlashVars的用法。使用FlashVars后嵌入HTML的flashobject代码如下：

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/
pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="FlashVars" align=
"middle">
<param name="allowscriptAccess" value="sameDomain" />
<param name="movie" value="FlashVars.swf" />
<param name="FlashVars" value="foo=happy2005&program=flash&language=简体中文-中国" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="FlashVars.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="FlashVars" 
align="middle" allowscriptAccess="sameDomain" FlashVars="foo=happy2005&program=flash&language=
简体中文-中国" 
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

通过上面的代码，在SWF(FlashVars.swf)中就可以直接获取foo、program、language变量数据。FlashVars.fla获取FlashVars参数的代码如下：

// 创建三个文本字段
_root.createTextField("foo_txt",1,0,0,16,16);
_root.createTextField("program_txt",2,0,32,16,16);
_root.createTextField("language_txt",3,0,64,16,16);
foo_txt.autoSize = true;
foo_txt.border = true;
program_txt.autoSize = true;
program_txt.border = true;
language_txt.autoSize = true;
language_txt.border = true;
// 获取FlashVars变量
foo_txt.text = "HTML中的foo参数："+foo;
program_txt.text = "HTML中的program参数："+program;
language_txt.text = "HTML中的language参数："+language;

三、两者的有效结合。
在HTML网页中使用js获取参数，然后将获取的参数作为FlashVars写入flashobject传递给swf。代码如下：

<script language=javascript>
<!--
function writeflashobject(parastr) {
 document.write("<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0 
width="550" height="400" id="FlashVars" align="middle">n");
 document.write("<param name="allowscriptAccess" value="sameDomain" />n");
 document.write("<param name="movie" value="FlashVars.swf" />n");
 document.write("<param name="FlashVars" value=""+ parastr +"" />n");
 document.write("<param name="quality" value="high" />n");
 document.write("<param name="bgcolor" value="#ffffff" />n");
 document.write("<embed src="FlashVars.swf" quality="high" bgcolor="#ffffff" width="550" 
height="400" name="FlashVars" align="middle" allowscriptAccess="sameDomain" FlashVars=
""+ parastr +"" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/
go/getflashplayer" />");
 document.write("</object>");
}
function getparastr() {
 var hrefstr,pos,parastr,para,tempstr1;
 hrefstr = window.location.href;
 pos = hrefstr.indexOf("?")
 parastr = hrefstr.substring(pos+1);
 return parastr;
}
var parastr = getparastr();
writeflashobject(parastr);
//-->
</script>

在HTML网页中使用js获取参数。
我们知道HTML页面是在客户端执行的，这样要获取参数必须使用客户端脚本（如Javascript），在这点上不同于服务器端脚本获取参数方式。
下面的这段js代码获取HTML网页形如"test.html?foo=mytest&program=flash" "?"后所有参数。

<script language=javascript>
<!--
var hrefstr,pos,parastr;
hrefstr = window.location.href;
pos = hrefstr.indexOf("?");
parastr = hrefstr.substring(pos+1);
if (pos>0){
 document.write("所有参数："+parastr);
} else {
 document.write("无参数");
}
//-->
</script>

下面的这段js代码则可以更加细化获取HTML网页某一参数

<script language=javascript>
<!--
function getparastr(strname) {
 var hrefstr,pos,parastr,para,tempstr;
 hrefstr = window.location.href;
 pos = hrefstr.indexOf("?")
 parastr = hrefstr.substring(pos+1);

 para = parastr.split("&");
 tempstr="";
 for(i=0;i<para.length;i++)
 {
  tempstr = para[i];
  pos = tempstr.indexOf("=");
  if(tempstr.substring(0,pos) == strname) {
   return tempstr.substring(pos+1);
  }
 }
 return null;
}
// 获取program参数
var programstr = getparastr("program");
document.write(programstr);
//-->
</script>

昨天自己的站要放GG AD了,但网站全是静态页面,但我想随便更新GG AD 所以就想到用js文件导入方式,也可以用.php文件导入方式做的,下面来讲讲我的方法:

先来看看,直接在源码中放GG AD很多人都这样放:

<script type="text/javascript"><!--
      google_ad_client = "pub-6219414158063594";
      /* 468x15, 创建于 08-3-10 */
      google_ad_slot = "2571270205";
      google_ad_width = 368;
      google_ad_height = 20;
      //-->
      </script>
      <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
     </script>

这样做有一个很大的不方便之处就是我更换不方便,下面我们来看看用js.文件导入形式.

我在网页源代码中放<script src='/gg_ad/gg.js'></script>

在gg.js文件中放入上面的代码,但因为是js文件所以我们就得去了不必要的符号,代码如下:

google_ad_client = "pub-6219414158063594";
google_ad_slot = "7794600866";
google_ad_width = 234;
google_ad_height = 60;
google_cpa_choice = "";

document.write('<script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>');

还有一种就是有js入导php文件,看例:

<script src='js.php'></script>在js.php里面这样写,

document.write('google_ad_client = "pub-6219414158063594";');其它的写法一样这里就不多说了.

注明:原创www.111cn.net,转载请注明原处.