Perbezaan antara XHTML dan HTML

通过开始编写严格的 HTML，你可以为 XHTML 做好准备。

如何为 XHTML 做好准备

XHTML 与 HTML 4.01 标准没有太多的不同。

所以将你的代码升级至 4.01 是个不错的开始。我们的完整的《HTML 4.01 参考手册》会帮助你做到这一点。

另外，你应该马上使用小写字母编写HTML代码，同时绝不要养成忽略类似 </p> 标签的坏习惯。

祝您可以愉快地编码！

最主要的不同：

  • 元素必须被正确地嵌套。
  • 元素必须被关闭。
  • 标签名必须用小写字母。
  • XHTML 文档必须拥有根元素。

元素必须被正确地嵌套

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

<b><i>此文本加粗和斜体</b></i>

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

<b><i>此文本加粗和斜体</i></b>

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

Ini adalah yang salah:

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

Ini adalah yang betul:

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

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

元素必须被关闭

非空标签必须使用结束标签。

Ini adalah yang salah:

<p>Ini adalah paragraf
<p>这是另一个段落

Ini adalah yang betul:

<p>Ini adalah paragraf</p>
<p>这是另一个段落</p>

空标签也必须被关闭

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

Ini adalah yang salah:

换行： <br>
水平线： <hr>
图像： <img src="happy.gif" alt="Happy face">

Ini adalah yang betul:

换行： <br />
水平线： <hr />
图像： <img src="happy.gif" alt="Happy face" />

元素必须小写

规范定义：标签名和属性对大小写敏感。

Ini adalah yang salah:

<BODY>
<P>Ini adalah paragraf</P>
</BODY>

Ini adalah yang betul:

<body>
<p>Ini adalah paragraf</p>
</body>

Dokumen XHTML mesti mempunyai satu elemen akar

Semua elemen XHTML mesti didalamkan di dalam elemen akar <html>. Semua elemen lain boleh mempunyai anak elemen. Anak elemen mesti bersusun dan didalamkan di dalam elemen bapak. Struktur dokumen asas adalah seperti berikut:

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