WDF(14)

 

第三章 XHTML

 

教学内容

       

 

PPT2——

 

最近两年，我们在浏览一些网页的时候，经常发现这样的两个图标，或者是类似的超级链接。对于这些网页来说，这些图标或超级链接代表着这个网站的一种荣誉：它们达到Web标准的要求。就像ISO的系列标准一样，Web标准并不是强制网站进行认证的，但是一旦达到并通过了这个标准的认证，将会为网站以及网站的浏览者带来很多好处（这些好处我们将在以下的详细内容中涉及到）。

 

那么，什么是Web标准呢？Web标准并不是某一个标准，而是一系列标准的集合：在描述文档结构的层次，有XHTML和XML两个标准；定义文档表现的层次的标准是CSS；而控制文档行为的标准包括W3C DOM和ECMAScript。Web标准的制定者是W3C（The World Wide Web Consortium，万维网联盟，http://www.w3c.org），这是一个致力于Web标准制定的一个非赢利性组织。

 

而我们这次课的主要内容就是用于描述文档结构的XHTML标准。

 

PPT3——

 

那么什么是XHTML呢？

 

XHTML是the eXtensible Hyper Text Markup Language的缩写，即可扩展超文本标记语言。可以从它的英文全称看出，它是以HTML为基础的，只不过加了一个可扩展的定语而已，即使如此，我们在后面的介绍中可以发现，事实上，它的“可扩展”名不副实。既然它是一个Web标准，关于该标准的内容我们就可以在W3C的网站上找到，具体的网址是：http://www.w3.org/TR/xhtml1，关于这个标准的所有内容，都可以在该网页及其链接页面上找到。

 

下面这个图，我们在介绍HTML的概念的时候也见到过，在此处，可以用来说明XHTML与HTML以及XML之间的关系：XHTML是从HTML向XML发展的过渡语言。

 

在这个地方，大家可能有一个疑问：HTML用得好好的，为什么要引入XHTML，甚至以后的XML呢？

HTML发展到今天存在三个主要缺点：

①HTML太简单，不能适应现在越多的网络设备和应用的需要。比如手机、PDA、信息家电都不能直接显示HTML。

②HTML太庞大，由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。

③数据与表现混杂。这样你的页面要改变显示，就必须重新制作HTML。对不同的网络设备显示同样的数据都需要制作不同的HTML。

你可能会说这些缺点对你现在都无所谓，不严重。但社会总在进步，技术总在发展，人们总希望工作越来越简单，越来越有效率。而网络设备的发展不会因为HTML的缺点而停止。笨重的台式电脑会被越来越多轻便小巧的设备替代。因此需要有一种新的语言，能够描述数据使所有的设备都能理解（这就产生了XML）；需要一种语言来控制表现，使数据在不同的设备上都正确显示（这就产生了XSL）。也就是说，未来我们肯定会使用XML来转换数据，使用XSL来控制表现。那么现在呢？现在，很明显，原有成千上万的HTML页面还需要正常工作，不可能一下抛弃。而且现在的浏览器还不能直接表现XML文档。即使以后能，现在怎么办？于是W3C又制定了XHTML。XHTML是HTML向XML过度的一个桥梁，是一个引导人们逐步走向规范、走向XML的过渡方案。XHTML虽然有“X”但它并不能扩展，只是在HTML的基础上严格遵循XML规范。它学起来很简单，几乎没有什么新的知识。而XSL呢，现在可以用CSS来实现XSL的一部分功能。

 

PPT4——

 

基于上面的背景，大家应该比较容易理解下面的一些关于XHTML的一些说法：

XHTML的目标是替代HTML：XHTML是一种引导性的方案，它的出现就是让大家抛弃HTML；

XHTML几乎和HTML 4.01一样：为了和以前的HTML兼容，XHTML的代码只是更规范一些，我们在前面讲HTML的时候也一再让大家养成的好习惯其实就是让大家向XHTML靠拢；

XHTML是更严格和更干净的HTML：更严格，存在一些强制性的规范；更干净，由于指用于描述文档结构，而和表现无关，所以更干净；

XHTML是一种代替HTML的XML应用：就像SVG、MathML一样，可以将XHTML看成是基于XML的一种应用，它要完成的工作就是HTML曾经做的工作；

XHTML是W3C推荐的（代表着浏览器的发展方向）：被业界和厂商广泛认同。

 

乐观的人认为XHTML是混乱的Web世界的拯救者；悲观的人认为XHTML只是一个牺牲品，5-10年之内它会和HTML一样最终被XML代替。尽管如此，在目前的Web应用中，我们还是要学习它，何况它几乎和HTML一样。

 

PPT5——

 

学习过HTML之后，学习XHTML相对来说非常简单，在XHTML基本内容这一节，我们将讨论以下六个方面的问题：

 

PPT6——

 

作为一个XHTML文档的必不可少的部分，文档类型DOCTYPE是必须指定的部分，用来说明所使用的XHTML的版本。

 

PPT7——

 

对于XHTML文档的DOCTYPE指定，我们只需要知道三种可能的写法就可以了，也就是说它的写法是固定的，就这三种，分别对应过渡的、严格的和框架三种XHTML方案，最终校验时，代码检查器会根据指定的文档类型对文档进行检查。

DTD文件中其实是对XHTML文档可以使用的元素、属性等进行说明，它是进行代码检查的依据。

 

PPT8——

 

在讲HTML时，对于元素html，未进行任何属性的讲解，而对于XHTML文档来说，需要为其设置xmlns属性。之所以要设置这个属性，是因为XHTML本质上是XML的一种应用，而XML文档需要指定该属性。我们只需要记住这种相对固定的设置就可以了。

 

PPT9——

 

不进行正确的语言编码定义，毫无疑问肯定是无法通过校验的，甚至你的网页可能根本无法正确浏览。

 

PPT10——

 

对于不同的浏览器厂商来说，基本上都是W3C的成员单位，所以对于最基本的元素和属性来说，它们不得不提供相应的支持，但是，有时它们也会发布一些只有自己的浏览器才支持的元素和属性，这些元素和属性在XHTML中是绝对不应该使用的，因为之所以制定标准，最主要的原因就是让大家保持步调一致。

 

PPT11——

 

div和span两个元素本身没有任何含义，主要是用于将不同样式的内容分隔开来。

 

PPT12~PPT18——

 

在HTML基础之上制定的XHTML代码规范，事实上，在讲HTML的时候一再说的让大家保持良好的编码习惯涉及到的内容都包含在此处。

 

PPT19~PPT20——

 

当我们编辑好一个HTML文档之后，我们需要使用校验工具校验我们的文档，以使得我们最终可以通过并达到Web标准。

 
        对应PPT下载