`

XHTML和HTML之间的区别

阅读更多

  XHTML 1.0 提供了三种DTD声明可供选择:

 

  过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

  严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

  框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

 

  如何转换现有的结构为XHTML

 

  我们选择什么样的DOCTYPE?理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性,也比较容易通 过W3C的代码校验。

 

  我们从现在的HTML转换为XHTML注意以下几点:


  一、在每个页面的首部都加上文档类型的说明。如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

    当然可以选择其他类型的。

 

  二、标记和name 要都用小写。

  我们可以自己编写一个替换程序,将你的HTML文档中的所有的标记都换为小写字母,还有name属性也要变为小写。

 

  三、所有的属性值都要用引号引起来。

 

  四、单独的标签,如: <hr> , <br> and <img>,都要在后面加/来结束。在这里不建议使用诸如:<img>和</img>形式的方式,直接在其后面加/ 就可以了,如<br />。

 

  五、我们打开W3C DTD 的官方网站:http://validator.w3.org/check/referer,验证时一般错误可能会出现在你的标签嵌套里。也可以用官方网 站提供的转换工具tidy来实现转换:http://www.w3.org/People/Raggett/tidy/,我不建议大家直接来使用该工具来 验证,因为我们毕竟是新学XHTML我们还是自己转换,这样我们可以熟悉XHTML啊,再者说我们还要学习tidy工具的使用,那样也是比较麻烦的。

 

  六、我们直接打开下面的页面可以直接输入网址来验证我们的程序了:http://webjx.com/js/standard.htm

 

  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+移动概要+(XHTML+MP)-WAP+2[1].0+教程.chm

    本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的关系概览着手. 讲述了 WML 与 XHTML MP 的主要区别, XHTML MP 的语法规则和文档结构等等. 另外, 本 XHTML MP...

    (XHTML MP) / WAP 2.0 教程

    本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的关系概览着手. 讲述了 WML 与 XHTML MP 的主要区别, XHTML MP 的语法规则和文档结构等等. 另外, 本 XHTML MP...

    WEB开发 之 XHTML 与 HTML 之间的差异.docx

    WEB开发 之 XHTML 与 HTML 之间的差异.docx

    XHTML 移动概要 (XHTML MP)-WAP 2.0 教程

    本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的关系概览着手. 讲述了 WML 与 XHTML MP 的主要区别, XHTML MP 的语法规则和文档结构等等. 另外, 本 XHTML MP...

    DOCTYPE 中xhtml 1.0和 html 4.01区别分析

    经常会用到DOCTYPE,常用的有xhtml 1.0和html 4.01,总结了下他们之间的区别

    HTML与XHTML、以及HTML4与HTML5标签之间的区别简介

    HTML与XHTML区别1、XHTML元素必须被正确地嵌套2、XHTML 元素必须被关闭,空标签也必须被关闭。如 3、XHTML 元素必须小写 4、XHTML 文档必须拥有一个根元素 5、XHTML属性名称必须小写,属性值必须加引号,属性不...

    XHTML 教程

    XHTML 教程 XHTML 是更严谨更纯净的 HTML 版本。 在此教程中,我们会为您讲解 HTML 与 XHTML 之间的差异,同时也会为您展示将该站点升级到 XHTML 的方法。

    WAP 2.0 教程

    本 XHTML MP 教程从对 XHTML MP 的介绍和各种标记语言, 如 WML, XHTML, XHTML Basic 和 XHTML MP, 之间的关系概览着手. 讲述了 WML 与 XHTML MP 的主要区别, XHTML MP 的语法规则和文档结构等等. 另外, 本 XHTML MP...

    如何正确地在XHTML文档中使用JavaScript和CSS

    在越来越多的网站中,XHTML的使用正以很快的速度替代HTML4,但是,目前一些主流浏览器对XHTML的支持还不是很好,加上一些网页制作者对XHTML和HTML4之间的差异理解不够,使得XHTML在WEB发展上进程变得缓慢。...

    django-xhtml2pdf:Django应用程序,可从模板生成pdf

    这个项目是django项目和xhtml2pdf项目之间的包装代码,它们都有一些维护,因此可能不适合您的项目。 如果您想接管维护工作,请与我们取得联系。 它的作用就是简单地使人们使用STATIC_URL等所有不错的django东西...

    XHTML CSS制作样式风格切换的WEB站点

    XHTML具有两大目标:在文档结构和表示形式之间创建更明显的分离。将html重新表示为XML的应用程序。使用XHTML标准的好处是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如,在...

    XHTML教程:针对初学者的XHTML基础

    本站原创内容,转载请注明出处网页教学网。 前言: 现在都讲究标准建站,而标准建站使用的技术主要是XHTML CSS,而现在我们普遍使用的是HTML代码,那么我该如何...在这个教程里,你将学到HTML和XHTML之间的不同,以及

    web前台技术之间的关系html,css,javascript...

    web前台技术之间的关系html,css,javascript,xml、HTML DOM,SGML,XHTML,DHTML,Expression,XMLHTTP,XSLT,AJAX等技术以及网页制作概念等

    img2xhtml-开源

    img2xhtml是一个小而快速的ansi C程序,它将图像(例如jpeg)转换为纯xhtml文件,该文件使用html元素绘制div来绘制图像,原始图像与其xhtml版本之间没有区别。

    newsmlvalidator:NewsML-G2 + XHTML + 微数据 + NITF 验证器

    4 步 NewsML-G2 + XHTML5 + 微数据 + NITF 验证器 这个怎么运作 ...您可以在多种服务之间进行选择来验证 HTML5 和微数据。 请记住将正确的 doctype 定义添加到您的 XHTML 文档中,以便验证器识别这是

    XHTML入门学习教程:XHTML常用标签

    定义段落使用和,在和之间的内容会被识别为一个段落,它就类似我们通常所说的一个“自然段”。与标题类似,浏览器也会在段落的开始之前和结束之后各加一行空白。 换行标签 ( ) 当我们在想另起一

    XHTML入门学习教程:网页Head和DTD

    head和DTD尽管不会显示在页面上,但是却是网页的重要元素。 为什么会出错? 在上一节中我们我们在检验我们的网页时得到了一段出错信息,但是我们在整个网页的制作过程中都是按照XHTML标准写的啊。其实问题出在了网页...

Global site tag (gtag.js) - Google Analytics