XHTML 简介


XHTML 是以 XML 格式编写的 HTML。


什么是XHTML?

  • XHTML代表 Xtensible Hyper Text Markup Language (可扩展超文本标记语言)
  • XHTML几乎与HTML相同
  • XHTML比HTML更严格
  • XHTML是以XML应用的方式定义的HTML
  • 所有主流浏览器都支持XHTML

为什么选择XHTML?

互联网上的许多网页都包含“糟糕”的HTML。

此HTML代码在大多数浏览器中都能正常工作(即使它没有遵循HTML规则):

<html>
<head>
  <title>这是一个不规范的 HTML</title>

<body>
  <h1>不规范的 HTML
  <p>这是一个段落
</body>

现在市场上有很多不同的浏览器。其中一些在计算机上运行,而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释"糟糕"的标记语言的资源和能力。

XML是一种标记语言,必须正确标记文档(“格式良好”)。

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

XHTML是结合HTML和XML的优势而开发的。

XHTML是作为XML被重新设计的 HTML。


与HTML最重要的区别:

文档结构

  • XHTML DOCTYPE是必需的
  • <html>中的XML namespace 属性是必需的
  • <html>,<head>,<title>和<body>是必需的

XHTML元素

  • 必须正确嵌套 XHTML元素
  • 必须始终关闭 XHTML元素
  • XHTML元素必须为小写
  • XHTML文档必须有一个根元素

XHTML属性

  • 属性名称必须为小写
  • 属性值必须用引号包围
  • 属性最小化是禁止


<!DOCTYPE ....>是强制性的

XHTML文档必须具有XHTML DOCTYPE声明。

我们的HTML标签参考中提供了所有XHTML Doctypes的完整列表。

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

此示例显示了具有最少必需标记的XHTML文档:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>文档标题</title>
</head>

<body>
  文档内容
</body>

</html>

XHTML 元素必须正确嵌套

在HTML中,某些元素可能不正确地嵌套在一起,如下所示:

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

在XHTML中,所有元素必须在彼此之间正确嵌套,如下所示:

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

XHTML 元素必须有关闭标签

错误示例:

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

正确示例:

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

空元素也必须关闭

错误示例:

一只小青蛙: <br>
坐在河边: <hr>
看一只乌鸦喝水: <img src="wyhs.gif" alt="乌鸦喝水图">

正确示例:

一只小青蛙: <br />
坐在河边: <hr />
看一只乌鸦喝水: <img src="wyhs.gif" alt="乌鸦喝水图" />

XHTML元素必须小写

错误示例:

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

正确示例:

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

XHTML属性名称必须小写

错误示例:

<table WIDTH="100%">

正确示例:

<table width="100%">

属性值必须用引号包围

错误示例:

<table width=100%>

正确示例:

<table width="100%">

禁止属性最小化

错误示例:

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

正确示例:

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

错误示例:

<input type="text" name="lastname" disabled />

正确示例:

<input type="text" name="lastname" disabled="disabled" />

如何将 HTML 转换为 XHTML

  1. 将XHTML <!DOCTYPE>添加到每个页面的第一行
  2. 将xmlns属性添加到每个页面的html元素
  3. 将所有元素名称更改为小写
  4. 关闭所有空元素
  5. 将所有属性名称更改为小写
  6. 引用所有属性值

使用W3C Validator验证HTML

将您的网址放在下面的框中: