主题
  • 默认模式
  • 浅蓝色模式
  • 淡红色模式
  • 深夜模式

什么是 XHTML?

  • XHTML 是EXtensible HyperText Markup Language(可扩展超文本标记语言)的缩写。
  • XHTML 是一种基于 XML 的、更加严格的 HTML 版本。
  • XHTML 是将 HTML 定义为 XML 应用程序的一种形式。
  • XHTML 得到所有主流浏览器支持。

为什么选择 XHTML?

在互联网中,存在着大量“不规范”甚至“质量较低”的 HTML 代码。

如果在浏览器中查看,下面的 HTML 代码运行起来非常正常(即使它并未遵守 HTML 规则):

实例代码 运行代码
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>开创者教程(kaicz.com)</title>
</head>
<body>
    <h1>这是一个标题
    <p>这是一个段落
</body>
</html>

XML 是一种必须正确标记且格式良好的标记语言。

如果希望学习 XML,请阅读我们的 XML 教程

科技领域有多种浏览器技术,既运行在计算机上,也应用于手机等小型设备。小型设备处理能力有限,难以有效解析“不规范”的代码。

所以,通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。


XHTML 与 HTML 的区别

  • 文档必须包含正确的 <!DOCTYPE>声明。
  • <html>标签必须包含xmlns属性,用于定义 XML 命名空间。
  • 文档中必须正确使用:<html><head><title><body>标签。
  • 元素必须按照正确的顺序嵌套,不能交叉。
  • 元素必须始终闭合,即使是空元素(例如<br />)。
  • 元素名称必须为小写字母。
  • 属性名称必须为小写字母。
  • 属性值必须用双引号(")或单引号(')括起来。
  • 属性不能使用简写形式(例如 checked 必须写成 checked="checked")。

以下是一个符合 XHTML 规则的示例:

实例代码 运行代码
复制
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>XHTML 示例</title>
</head>
<body>
    <p>这是一个符合 XHTML 规则的文档。</p>
    <br />
    <input type="checkbox" checked="checked" />
</body>
</html>

<!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 of document</title>
</head>
<body>
    文档内容
</body>
</html>

XHTML 元素必须合理嵌套

错误示例:

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

正确示例:

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

XHTML 元素必须始终闭合

错误示例:

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

正确示例:

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

XHTML 空元素必须终闭合

错误示例:

分行:<br>
水平线:<hr>
图片:<img src="face.gif" alt="Happy face">

正确示例:

分行:<br />
水平线:<hr />
图片:<img src="face.gif" alt="Happy face" />

XHTML 元素必须是小写

错误示例:

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

正确示例:

<body>
    <P>这是一个段落</P>
</body>

XHTML 属性名称必须是小写

错误示例:

<table WIDTH="100%">

正确示例:

<table width="100%">

XHTML 不允许属性简写

错误示例:

<input checked>
<input readonly>
<input disabled>
<option selected>

正确示例:

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

使用 W3C 验证你的 XHTML 规范性

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




评论区 0
发表评论