最近评论
正在载入评论列表...
3.2.1 XHTML与HTML之间的区别
XHTML设计的目的是为了实现从HTML向XML过渡，它结合了XML中的部分强大功能及HTML中大部分的简单特性。为了适应新的网络应用阶段提出的更多需求，XHTML增加了许多可扩展性和灵活性的设计。
相对原来的HTML来讲，XHTML从设计上显得更加严密，更加清晰。其与XML的关系决定了它的用户可以很自然地实现从HTML到XML的转换。XHTML本身与HTML4.01是兼容的。通过XML与HTML的结合，发挥它们各自的长处，就获得了现在并且在将来都可以使用的标记语言
XHTML。
必知必会：HTML与XHTML之间的主要区别
首先我们关注一下XHTML和HTML之间的主要区别。
· XHTML元素必须合理嵌套；
· XHTML文档必须格式正确；
· XHTML文档中对应的标签名称必须是小写；
· 所有XHTML元素必须关闭。
下面通过一些代码片段作一些对比。在HTML中，下面的代码虽然不够严格，但是允许使用。
<ul>
<li>.NET类图书</li>
<li> Java类图书
<ul>
<li>Eclipse开发入门与项目实践</li>
<li>Web2.0开发入门与项目实践</li>
</ul>
<li>Ajax类图书</li>
</ul>
这是在列表嵌套的时经常会出现的一个问题，就是忘记了在列表中插入的新列表必须在一个<li>标记中，并应正常结束。但是在HTML页面中，依然可以显示出如图3-6所示的效果。
图3-6 列表显示效果
按照XHTML的要求，上面的代码应该调整为下面的书写格式。
<ul>
<li>.NET类图书</li>
<li> Java类图书
<ul>
<li>Eclipse开发入门与项目实践</li>
<li>Web2.0开发入门与项目实践</li>
</Li>
</ul>
<li>Ajax类图书</li>
</ul>
在传统的HTML页面中，允许没有<html>标记，但是按照XHTML的要求，所有的XHTML标记必须被嵌套使用在<html> 根标签之中。所有其他的标签可以有自己的子标签。位于父标签之内的子标签也必须成对并且正确的嵌套使用。因此，在XHTML页面中，正确规范的文档基本结构如下所示。
<html>
<head> ... </head>
<body> ... </body>
</html>
在XHTML文档中，所有标记的名称都必须小写，这是因为XHTML文档是XML应用程序的格式，在XML中是区分大小写的，所以在XHTML中如果大小写不同将被认为是两种不同的标签。
在XHTML文档中，所有非空的标记都必须进行关闭，例如，在HTML中大多数设计者习惯于单独使用段落标记<p>，示范代码如下。
<p>第一章 Web2.0简介
<p>1.1 Web2.0与Ajax简介
但是按照XHTML的要求，对应的代码应该规范成下面的格式。
<p>第一章 Web2.0简介</p>
<p>1.1 Web2.0与Ajax简介</p>
上述代码的执行效果如图3-7所示。
同时，对于原来HTML中空的标记，也应该进行关闭，例如，下面的代码在HTML中是可以接受的。
Ajax成为行业新宠<br>
<hr>
而在XHTML中，对应的标记要求必须关闭，注意在标记名称和结束符之间有一个空格，这样确保能够与目前的浏览器兼容。规范的代码如下所示。
Ajax成为行业新宠<br />
<hr />
上述代码执行效果如图3-8所示。
图3-7 段落显示效果 图3-8 页面显示效果
图书导读
