[解析]html与xhtml的区别

作者：Terry2013.04.01来源：Web前端之家浏览：21832评论:0

关键词：html xhtml

HTML与XHTML是一种语言还是两种语言基本上可以认为它们是一种语言的不同阶段有点类似于文言文和白话文之间的关系。因此它们也经常被写作(X)HTML。下面首先从它们的渊源和区别开始本教程的讲解

一、追根溯源

(X)HTML是所有上网的人每天都离不开的基础所有网页都是使用(X)HTML编写的。随着网络技术日新月异的发展，HTML也经历了不断的改进。可以认为XHTML是HTML的“严谨版”。

HTML在初期为了它更广泛地被接受大幅度放宽了标准的严格性例如标记可以不封闭属性可以加引号也可以不加引号等等导致出现了很多混乱和不规范的代码。这显然不符合标准化的发展趋势影响了互联网的进一步发展。为此相关规范的制订者——W3C组织一直在不断地努力逐步推出新的版本规范。从HTML到XHTML大致经历了以下几个版本。

◆ HTML 2.0：于1995年l 1月发布。

◆ HTML 3.2：于1996年1月14日发布。

◆ HTML 4.0：于1997年12月18日发布。

◆ HTML 4.01：微小改进: 于1999年12月24日发布。

◆ XHTML 1.0：于2000年1月发布后叉经迂修订于2002年8月1日重新发布。

◆ XHTML 1.1：于2001年5月31日发布。

◆ XHTML 2.0：正在制定中。

在正式的标准序列中没有HTML1.0版这是因为在最初阶段各个机构都推出了目己的方案没有形成统一的标准。因此W3C组织发布的HTML 2.O是形成标准以后的第一个正式规范。WANGYEXX.COM 这些规范实际上主要是为浏览器的开发者阅读的因为他们必须了解这些规范的所有细节。而对于网页设计师来说并不需要了解规范之间的细微差别这与实际工作并不十分相关。因此网页设计师通常只要知道一些大的原则就可以了。而且这些规范的文字也都比较晦涩并不易阅读。当然如果设计师真的能够花一些时间把HTML和css的规范仔细通读一遍将会有巨大的收获。因为这些规范是所有设计师的“圣经”。

XHTML与HTML的重要区别：

尽管目前浏览器都兼容HTML但是为了使网页能够符合标准设计师应该尽量使用XHTML规范来编写代码需要注意以下事项。

1.在XHTML中标记名称必须小写在HTML中标记名称可以大写或者小写。例如下面的代码在HTML中是正确的。

<BODY>

<P>网页学习网(WANGYEXX.COM)</P>

</BODY>

但是在XHTML中则必须写为

<body>

<p>网页学习网</p>

</body>

2.在XHTML中属性名称必须小写 HTML属性的名称也必须是小写的。

例如在XHTML中下面的代码的写法是错误的。

正确的写法应该是

1. <img src="image.gif" width="200" height="100" border="0"> 3.在XHTML中标记必须严格嵌套 HTML中对标记的嵌套没有严格的规定。例如下面的代码在HTML中是正确的。 1. <b><i>这行文字以粗体倾斜显示</b></i> 然而在XHTML中必须改为 <b><i>这行文字以粗体倾斜显示</i></b> 此外经常被忽略的是对列表标记的嵌套写法。例如下面的写法在XHTML中是错误的。

4.在XHTML中标记必须封闭在HTML规范中下列代码是正确的。

<p>网页学习网 <p>

上述代码中第2个<p>标记就意味着前一个<p>标记的结束但是在XHTML中这是不允许的

必须严格地使标记已封闭

正确写法如下所示。

<p>网页学习网</p>

<p>WANGYEXX.COM</p>

5.在XHTML中即使是空元素的标记也必须封闭这里说的空元素的标记

就是指那些<img><br>等不成对的标记它们也必须封闭例如下面的写法是错误的。

换行<br>

水平线<hr>

图像<img src="happy.gif" alt="欢迎笑脸"。