XHTML全称是可扩展超文本标记语言，它是HTML向XML过渡的一种严格规范。简单来说，XHTML的语法规则继承了XML的严谨性，要求开发者写出结构良好、完全合法的标记文档。而HTML5是新一代的HTML标准，在吸收XHTML部分优点的同时，重新回到了面向浏览器的宽松解析模型。很多老系统在早期为了通过W3C校验而采用XHTML，但如今新项目几乎都转向了HTML5。
XHTML到底是什么
XHTML诞生于HTML 4.01之后，它的设计目标是让网页文档成为标准的XML文档。这意味着每一个XHTML页面都必须满足XML的良构约束：标签必须正确嵌套、所有元素必须闭合、属性值必须用引号包裹、标签和属性名称必须小写。如果文档中存在哪怕一个未转义的<或者未闭合的标签，严格的XML解析器就会报出错误并拒绝继续处理页面。
在MIME类型上，XHTML通常被服务器以application/xhtml+xml的形式发送，这时浏览器会启用XML解析器。不过在实际情况中，不少网站虽然写了XHTML的doctype，却仍用text/html发送，浏览器便退化为HTML模式解析，这造成了“假XHTML”的普遍现象。真正的XHTML要求开发者对每一个字符负责，例如空元素也要写成<br />而不是<br>。
<!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" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>示例页面</title>
</head>
<body>
<p>这是一个段落</p>
<img src="logo.png" alt="logo" />
</body>
</html>
上面的代码展示了一个严格的XHTML 1.0文档。注意img和meta都使用了自闭合写法，并且xmlns命名空间被显式声明。这种写法在HTML5中虽然也能被兼容，但在XHTML规范下是强制要求。对于需要长期存档、机器批量生成的文档，XHTML的严谨性能减少后续解析的不确定性。
XHTML与HTML5的核心区别
文档类型与解析模式
HTML5使用极简的<!DOCTYPE html>声明，不引用任何DTD文件，浏览器由此进入标准模式并以宽松的HTML解析算法处理内容。XHTML则依赖完整的DTD声明，如XHTML 1.0 Strict或Transitional，理想情况下由XML解析器接管。解析策略的不同直接决定了错误处理方式：HTML5遇到标签未闭合会尝试推断并修复，XHTML则可能因格式错误而整页白屏。
从兼容角度说，HTML5的容错设计更贴合真实Web环境，因为人工维护的页面很难百分之百合规。XHTML的严格性适合自动化系统，却提高了人工编写门槛。下表概括了二者在声明和解析上的主要差异：
| 对比维度 | XHTML | HTML5 |
|---|---|---|
| 文档声明 | 长串DTD引用 | <!DOCTYPE html> |
| 解析器 | XML解析器（严格） | HTML解析器（容错） |
| 错误处理 | 遇错终止 | 自动修正 |
| 标签大小写 | 必须小写 | 不敏感 |
语义标签与API支持
HTML5引入了大量语义化元素，如<header>、<nav>、<article>、<section>等，让结构更清晰且利于SEO和无障碍访问。XHTML 1.0本身没有这些标签，若需要使用往往得依赖ARIA属性或者自定义命名空间。此外，HTML5原生支持Canvas、本地存储、WebSocket、音视频播放等API，XHTML作为旧标准并不涵盖这些动态能力。
在表单控制上，HTML5新增了email、date、range等输入类型以及required、placeholder等属性，极大减少了脚本校验代码。XHTML只能使用基础的input()元素和type="text"，复杂校验需自己写JavaScript。因此新项目若选XHTML，会丧失现代浏览器提供的许多效率红利。
<!-- HTML5语义与表单示例 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>HTML5示例</title>
</head>
<body>
<header>
<h1>站点标题</h1>
</header>
<form>
<input type="email" required placeholder="请输入邮箱" />
<input type="submit" value="提交" />
</form>
</body>
</html>
上述HTML5代码展示了语义标签与新型表单控件，浏览器会自带基础校验与排版。若用XHTML 1.0写同样功能，需引入更多div并手写校验脚本，维护成本明显更高。
脚本与字符处理
在XHTML中，由于是XML环境，<script>标签内的内容会被当作字符数据，因此像比较运算符<必须写成<或者放在CDATA块中，否则会破坏文档结构。HTML5的脚本直接作为文本处理，写法是熟悉的常规JS。字符编码方面，HTML5鼓励用<meta charset="utf-8">，XHTML则多用http-equiv声明或者依赖服务器头。
另一个常被忽略的点是实体引用。XHTML作为XML只内置少数实体如<、&，其他HTML实体可能不被识别；HTML5则支持完整的HTML实体集。混用旧实体到新页面一般没问题，但反向操作容易引发显示异常。
如何选择与迁移建议
对于全新项目，直接采用HTML5是主流且明智的选择，它能兼顾开发效率与现代特性。若维护的是十年以上的老系统且已被标记为application/xhtml+xml，则不宜贸然改doctype，否则严格解析会让历史页面崩坏。可行的迁移路径是先统一以text/html提供页面，逐步替换废弃标签，再切换到HTML5声明。
在团队规范上，即便使用HTML5，也建议沿用XHTML的良好习惯：标签小写、属性加引号、避免随意嵌套。这样既能享受容错解析，又方便后期做自动化工具检查。理解XHTML和HTML5区别的本质，是理解“规范严谨”与“生态兼容”的权衡，而不是简单地二选一。