HTML 与 XHTML

XHTML 是 HTML 一个更严格、更基于 XML 的版本。

什么是 XHTML?

  • XHTML 代表可扩展超文本标记语言 (EXtensible HyperText Markup Language)
  • XHTML 是 HTML 一个更严格、更基于 XML 的版本
  • XHTML 是定义为 XML 应用程序的 HTML
  • 所有主流浏览器都支持 XHTML

为什么使用 XHTML?

XML 是一种标记语言,其中所有文档都必须被正确标记(成为“格式良好的”)。

开发 XHTML 是为了使 HTML 更具可扩展性和灵活性,以便与其他数据格式(如 XML)协作。此外,浏览器会忽略 HTML 页面中的错误,并尝试显示网站,即使其标记中存在一些错误。因此 XHTML 引入了更严格的错误处理。

如果您想学习 XML,请阅读我们的 XML 教程

与 HTML 最重要的区别

  • <!DOCTYPE>必需的
  • <html> 中的 xmlns 属性是必需的
  • <html><head><title><body>必需的
  • 元素必须始终正确嵌套
  • 元素必须始终闭合
  • 元素名必须始终小写
  • 属性名必须始终小写
  • 属性值必须始终用引号括起来
  • 禁止属性简写

XHTML - <!DOCTYPE ....> 是必需的

XHTML 文档必须具有 XHTML <!DOCTYPE> 声明。

<html><head><title><body> 元素也必须存在,并且 <html> 中的 xmlns 属性必须指定文档的 xml 命名空间。

实例

以下是一个包含最少必需标签的 XHTML 文档:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>文档标题</title>
</head>
<body>

这里是一些内容...

</body>
</html>

XHTML 元素必须正确嵌套

在 XHTML 中,元素必须始终彼此正确嵌套,如下所示:

正确:

<b><i>一些文本</i></b>

错误:

<b><i>一些文本</b></i>

XHTML 元素必须始终闭合

在 XHTML 中,元素必须始终闭合,如下所示:

正确:

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

错误:

<p>这是一个段落。
<p>这是另一个段落。

XHTML 空元素必须始终闭合

在 XHTML 中,空元素必须始终闭合,如下所示:

正确:

<br />
<hr />
<img src="happy.gif" alt="笑脸" />

错误:

<br>
<hr>
<img src="happy.gif" alt="笑脸">

XHTML 元素名必须小写

在 XHTML 中,元素名必须始终小写,如下所示:

正确:

<body>
<p>这是一个段落。</p>
</body>

错误:

<BODY>
<P>这是一个段落。</P>
</BODY>

XHTML 属性名必须小写

在 XHTML 中,属性名必须始终小写,如下所示:

正确:

<a href="https://www.w3school.com.cn/html/">访问我们的 HTML 教程</a>

错误:

<a HREF="https://www.w3school.com.cn/html/">访问我们的 HTML 教程</a>

XHTML 属性值必须用引号括起来

在 XHTML 中,属性值必须始终用引号括起来,如下所示:

正确:

<a href="https://www.w3school.com.cn/html/">访问我们的 HTML 教程</a>

错误:

<a href=https://www.w3school.com.cn/html/>访问我们的 HTML 教程</a>

XHTML 禁止属性简写

在 XHTML 中,禁止属性简写:

正确:

<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />

错误:

<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />

使用 W3C 验证器验证 HTML

在下面的框中输入您的网址: