HTML5是当前事实标准,XHTML已基本退出日常开发;HTML5只需<!DOCTYPE html>,XHTML需完整DTD和xmlns声明,且严格遵循XML规则,但因浏览器支持有限及生态转向HTML5+JSON,XHTML仅适用于需XML解析的特定场景。

DOCTYPE 和根元素声明怎么写才对
这是最直观、最容易暴露问题的地方:
- HTML5 只需一行:
<!DOCTYPE html>
——大小写不敏感,无 URI,无版本号,浏览器按最新标准解析 - XHTML 必须带完整 DTD 引用,例如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
,且<html>标签必须带xmlns属性:<html xmlns="http://www.w3.org/1999/xhtml">
- 如果漏掉
xmlns或 DTD 错误,XHTML 文档会被某些 XML 解析器直接拒收(比如用XMLHttpRequest.responseXML加载时返回null)
标签闭合和嵌套规则不能“差不多就行”
XHTML 要求所有元素严格遵循 XML 规则,而 HTML5 容忍大量松散写法——但浏览器行为未必如你所想:
-
<br>在 HTML5 中合法;在 XHTML 中必须写成<br />(注意斜杠前的空格是历史兼容要求) -
<img src="a.jpg">在 HTML5 中可运行;XHTML 中必须闭合:<img src="a.jpg" /> -
<p>hello<div>world</div></p>在 HTML5 中会被浏览器自动修正为<p>hello</p><div>world</div>;XHTML 直接报错,因为<div>不允许嵌套在<p>内 - 属性值不加引号(如
class=header)在 HTML5 中常见且有效;XHTML 中属于语法错误,必须写成class="header"
大小写、属性名、命名空间这些细节决定是否真能当 XML 用
很多人以为“XHTML 就是把 HTML 标签改成小写”,其实远不止:
- 所有标签名、属性名必须小写:
<INPUT TYPE="text">是非法 XHTML,必须是<input type="text"> -
name属性在表单控件中仍可用,但其他地方(如<a name="top">)应改用id——XHTML 推荐用id替代name实现锚点 - 若你想用 JavaScript 的
DOMParser或后端 XML 工具处理页面,XHTML 必须真正格式良好(well-formed):有且仅有一个根节点、所有标签配对、无未转义字符(如&必须写成&) - HTML5 对此完全不强制,
<script>console.log("a & b");</script>可直接运行;XHTML 中会解析失败
为什么现在几乎没人用 XHTML 了
不是它不好,而是它的设计前提已失效:
立即学习“前端免费学习笔记(深入)”;
- 当初推 XHTML,是希望网页能被 XML 工具链统一处理(XSLT 转换、XPath 查询等),但实际 Web 生态选择了更务实的路径:HTML5 + JSON + REST API
- 浏览器对
application/xhtml+xmlMIME 类型的支持始终有限(尤其 IE 系列完全不支持),多数所谓“XHTML 网站”其实是用text/html发送的——此时浏览器根本不会按 XML 解析,所有 XHTML 严格性形同虚设 - HTML5 明确放弃 XHTML 风格的语法强制,但吸收了其合理内核(如语义化标签、
<video>、<canvas>),同时保留向后兼容,开发者不用再为斜杠和引号分心
<!DOCTYPE html> 就是唯一该写的声明。










