何为XHTML??

时间:2021-05-25

前言:
  现在都讲究标准建站,而标准建站使用的技术主要是XHTML+CSS,而现在我们普遍使用的是HTML代码,那么我该如何转换呢?以及HTML和XHTML有什么不同呢?在这个教程里,你将学到HTML和XHTML之间的不同,以及如何将HTML转换为XHTML。毕竟XHTML是发展的方向,所以我觉得该教程有必要在本站上发布。我感觉要是你想使用标准还是最好先学HTML,因为比较简单,然后再来看该教程。同时这也是我曾发表过的WEB标准XHTML&CSS的延续。

  XHTML介绍:
  XHTML是EXtensibleHyperTextMarkupLanguage(可扩展超文本标记语言)的英文缩写,而HTML则是HyperTextMarkupLanguage(超文本标记语言),这是名字的不同。其实我们说得标准应该是XML,那为什么要学习XHTML呢?因为现在的HTML代码烦琐,危机四伏,但是XML使用环境还不成熟,所以推出了一个过度的产品就是XHTML,它起着呈上起下的作用。也有人认为XHTML是HTML的一个升级版本,其实也是正确的,我的理解是XHTML把HTML做得更加规范的一个标记语言,使HTML变得功能强大,减少了代码的烦琐尤其是表格。
  XHTML是在2000年1月26日被国际标准组织机构W3C(WorldWidewebConsortium)定为一个标准的,认为是HTML的一个最新版本,并且将逐渐替换HTML。现在所有的浏览器都支持XHTML,XHTML兼容HTML4.0。也有人认为XHTML就是HTML4.01。如果你在学习过程中自己编写了一个符合标准的站,你可以通过W3C的验证,验证通过后你将会得到一个标志,通常是XHTML1.0认证和CSS验证。我也不清楚目前国内有多少个网站同时通过了这两个验证。大家可以去http://pact"
  checked       checked="checked"
  declare       declare="declare"
  readonly      readonly="readonly"
  disabled       disabled="disabled"
  selected      selected="selected"
  defer        defer="defer"
  ismap        ismap="ismap"
  nohref       nohref="nohref"
  noshade       noshade="noshade"
  nowrap       nowrap="nowrap"
  multiple      multiple="multiple"
  noresize      noresize="noresize"

  用id属性代替name属性。如:
  HTML4.01中为a,applet,frame,iframe,img和map定义了一个name属性.在XHTML里name属性是不能被使用的,应该用id来替换它。如:
  错误代码:
  <imgsrc="picture.gif"name="picture1"/>
正确的代码:
  <imgsrc="picture.gif"id="picture1"/>
  注意:我们为了使旧浏览器也能正常的执行该内容我们也可以在标签中同时使用id和name属性。如:
  <imgsrc="picture.gif"id="picture1"name="picture1"/>
  为了适应新的浏览器浏览我们在上述代码中的最后我加了/来结束标签。

XHTMLDTD定义文档的类型。  
在XHTML中我们必须声明文档的类型,以便于浏览器知道你的文档是什么类型的,而且声明部分要加在文档的head之前。如:
  <!DOCTYPEDoctypegoeshere>
  <htmlxmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>Titlegoeshere</title>
  </head><body>
  Bodytextgoeshere
  </body></html>
  注:DOCTYPE声明不是XHTML文档的一部分,它也不是文档的一个元素,所以我们没必要加上结束标签。
  注:XHTML属性都是在<html>标签里面。然而当我们在w3.org验证时,并不解释我们的文档有没有声明类型。这是因为"xmlns=http://www.w3.org/1999/xhtml"是一个固定的值,如果你没声明的话,它也会被自动的加到<html>标签前。
  我们使用DOCTYPE时的基本机构:
  <!DOCTYPE...>
  <html>
  <head>
  <title>...</title>
  </head>
  <body>...</body>
  </html>
  DOCTYPE是documenttype(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。
  其中的DTD(例如xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。
  要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。

  XHTML1.0提供了三种DTD声明可供选择:

  过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,完整代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  如何转换现有的结构为XHTML  
我们选择什么样的DOCTYPE?理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML1.0Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通过W3C的代码校验。
  我们从现在的HTML转换为XHTML注意以下几点:
 一、在每个页面的首部都加上文档类型的说明。如:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">当然可以选择其他类型的。
  二、标记和name要都用小写。  
三、所有的属性值都要用引号引起来。
 四、单独的标签,如:<hr>,<br>and<img>,都要在后面加/来结束。
在这里不建议使用诸如:<img>和</img>形式的方式,直接在其后面加/就可以了,如<br/>。
  五、通过W3C验证。进入W3CDTD的官方网站:http://validator.w3.org/check/referer,验证时会显示错误。也可以用官方网站提供的工具tidy来实现转换:http://www.w3.org/People/Raggett/tidy/

  XHTML的模块化
为什么要模块化设计XHTML呢?XHTML虽然简单,但是它的内容很多,包括了一个网络设计师需要的绝大多数功能。XHTML一方面内容繁多复杂,但是从另一个角度来看它却是非常简单的。为了将XHTML分割成小的模块,W3C已经建立起了小型的已经定义好了的一系列XHTML元素,他们独立的能被与其他XML标准合并成的大型的更复杂的程序的简单设备所使用。

  通过XHTML模型,程序设计师能够做如下的事情:

  1.选择那些能够被使用XHTML构建块标准的设备所支持的元素。
  2.在遵循XHTML标准的同时使用XML可以对XHTML扩展。
  3.简单化的XHTML可以应用于像掌上电脑、移动电话、电视和家用电器等设备。
  4.通过加入心的XML功能(像声音、多媒体的)将XHTML延续到复杂程序的设计上。
  5.像XHTML基本(XHTML对于移动设备的一个子集)那样来定义XHTML的轮廓。


*表示不赞成应用到XHTML中

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章