![[解析]html与xhtml的区别](https://www.icz.com/wp-content/themes/modown/static/img/thumbnail.png)
基本上可以认为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： 叉经修订于2002年8月1日于2000年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中是错误的。例如，以下写法在XHTML中是错误的。
4.XHTML标记必须关闭 以下代码在HTML规范中是正确的。
<p>网页学习网 <p>
第二个代码是上述代码<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>两者完全正确。而如果将<p>标记置于<td></td>两者完全正确。
有时候这个错误在Dreamweaver中不容易被注意到。但在微软公司推出的新网页制作软件Expression Web中。
Expression 在Web中提示错误 在<table>红色波浪线出现在标记下方，表示有错误。移动鼠标指针<table>标记上会出现提示文字“ XHTML 1.0 Transitional标记<p>不能包含标记<table>”。
有兴趣的读者可以尝试这个新的网页设计软件。
