XHTML 与 HTML 之间的差异
最主要的不同：
- XHTML 元素必须被正确地嵌套。
- XHTML 元素必须被关闭。
- 标签名必须用小写字母。
- XHTML 文档必须拥有根元素。
元素必须被正确地嵌套
在 HTML 中，某些元素可以像这样彼此不正确地嵌套：
<b><i>This text is bold and italic</b></i>
在 XHTML 中，所有的元素必须像这样彼此正确地嵌套：
<b><i>This text is bold and italic</i></b>
提示：在嵌套列表中一个容易犯的错误，是忘记内部列表必须位于 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 元素必须被关闭
非空标签必须使用结束标签。
这是错误的：
<p>This is a paragraph<p>This is another paragraph
这是正确的：
<p>This is a paragraph</p><p>This is another paragraph</p>
空标签也必须被关闭
空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。
这是错误的：
A break: <br> A horizontal rule: <hr> An image: <img src="happy.gif" alt="Happy face">
这是正确的：
A break: <br/>A horizontal rule: <hr/>An image: <img src="happy.gif" alt="Happy face"/>
XHTML 元素必须小写
XHTML 规范定义：标签名和属性对大小写敏感。
这是错误的：
<BODY><P>This is a paragraph</P></BODY>
这是正确的：
<body><p>This is a paragraph</p></body>
XHTML 文档必须拥有一个根元素
所有的 XHTML 元素必须被嵌套于 <html> 根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下：
<html><head> ... </head> <body> ... </body></html>
