×

[解析]html与xhtml的区别

作者:Terry2013.04.01来源:Web前端之家浏览:20831评论:0
关键词:htmlxhtml

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中下面的代码的写法是错误的。

<IMG SRC="image.gif" WIDTH="200" HEIGHT="100" BORDER="0">

正确的写法应该是

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="欢迎笑脸"。

正确的写法应该是

换行<br />

水平线<hr />  

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

6.在XHTML中属性值用双引号括起来 在HTML中属性可以不必使用双引号例如

<p class=subTitle>  而在XHTML中必须严格写作<p class="subTitle">

7.在XHTML中属性值必须使用完整形式 在HTML中一些属性经常使用简写方式设定属性值例如

<input disabled>  

而在XHTML中必须完整地写作<input disabled = "true">

8.在XHTML中应该区分“内容标记”与¨结构标记” 例如

<p>标记是一个内容标记而<table>标记是结构标记因此不允许将<tabIe>标记置于<p>内部。而如果将<p>标记置于<td></td>之间则是完全正确的。

有时这种错误不容易被注意到在Dreamweaver中也得不到提示。但是在微软公司新推出的网页制作软件Expression Web中。

在Expression Web中提示错误 在<table>标记的下方出现红色波浪线表示存在错误。将鼠标指针移动到<table>标记上则会出现提示文字“在 XHTML 1.0 Transitional中标记<p>不能包含标记<table>”。

有兴趣的读者可以尝试一下这个新的网页设计软件。

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/html-xhtml.html

网友评论文明上网理性发言已有0人参与

发表评论: