位置：首页>> 网络编程>> 网页设计>> 学习XHTML和HTML之间的区别

学习XHTML和HTML之间的区别

　来源：网页教学网　发布时间：2007-08-22 11:02:00　

标签：XHTML,HTML,区别

如何为XHTML做好准备，XHTML与HTML 4.01标准没有太多的不同。所以将你的代码升级至4.01是个不错的开始。HTML 4.01参考手册会帮助你做到这一点。另外，你应该马上就用小写字母编写HTML代码，同时绝不要养成忽略类似标签的坏习惯。祝您可以愉快地编码！

最主要的不同：

1.XHTML元素必须被正确地嵌套。

2.XHTML元素必须被关闭。

3.标签名必须用小写字母。

4.XHTML文档必须拥有根元素。

5.元素必须被正确地嵌套

在HTML中，某些元素可以像这样彼此不正确地嵌套：

This text is bold and italic

在XHTML中，所有的元素必须像这样彼此正确地嵌套：

This text is bold and italic

提示：在嵌套列表中一个容易犯的错误，是忘记内部列表必须位于li元素中，就像下面这样：

这是错误的：

<ul>
 <li>Coffee</li>
 <li>Tea
 <ul>
 <li>Black tea</li>
 <li>Green tea</li>
 </ul>
 <li>Milk</li>
</ul>

这是正确的：

<ul>
 <li>Coffee</li>
 <li>Tea
 <ul>
 <li>Black tea</li>
 <li>Green tea</li>
 </ul>
 </li>
 <li>Milk</li>
</ul>

注意：在正确代码的例子中，我们在</ul>之后插入了一个</li>标签。

XHTML元素必须被关闭,非空标签必须使用结束标签。

这是错误的：

This is a paragraph
This is another paragraph

这是正确的：

This is a paragraph
This is another paragraph

空标签也必须被关闭,空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。

这是错误的：

A break: 
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

这是正确的：

A break: 
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

XHTML元素必须小写 ,XHTML规范定义：标签名和属性对大小写敏感。

这是错误的：

<BODY>
This is a paragraph
</BODY>

这是正确的：

<body>
This is a paragraph
</body>

XHTML文档必须拥有一个根元素。所有的XHTML元素必须被嵌套于<html>根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套于其父元素之中。基本的文档结构如下：

<html>
<head> ... </head>
<body> ... </body>
</html>

投稿

猜你喜欢