XHTML 就是“强迫症”版 HTML：松一个标签，页面直接罢工

11-22 62 0 0

别把 XHTML 想成“升级版福利”，它更像“ XML 借调过来的督查”——
规矩只有三句话：

必须闭合；2. 必须小写；3. 必须嵌套对。
错一条，浏览器立刻摆烂，连“容错红线”都不给。

1. 先来一张“身份证”

<!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" xml:lang="zh-CN">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>少一个杠都报错</title>
  </head>
  <body>
    <p>Hello, XHTML!</p>
  </body>
</html>

DOCTYPE 不写 → 校验器直接红屏
xmlns 是“户口本”，忘填就黑户
<meta> 必须自闭合，省那个“ /”等着收 ERROR 邮件吧

2. 四条铁律，背下来一辈子不踩坑

铁律	反面教材	正面示范
标签必须闭合	`<br>`	`<br />`
属性值必引号	`href=page.html`	`href="page.html"`
大小写敏感	`<IMG SRC="a.png">`	`<img src="a.png" />`
嵌套不能交错	`<p><strong>text</p></strong>`	`<p><strong>text</strong></p>`

3. 常用“家族分支”一眼扫

Strict —— 老元素老属性一律砍，适合新页面
Transitional —— 允许旧属性，给老站过渡期
Frameset —— 唯一合法玩框架的版本，现在基本吃灰

4. HTML vs. XHTML 速查表（记住就能吵架）

场景	HTML 态度	XHTML 态度
标签没关	浏览器帮你关	直接抛错，白屏
大小写混写	懒得理	校验失败
属性值无引号	默默修复	报错停解析
自定义标签	不支持也放行	必须遵循 XML 命名规则

5. 一句话收尾

XHTML 没有“新功能”，只有“零容忍”。
把它当编译器看待：语法不过，产品不跑；一旦过了，换来的是 XML 全家桶的通用性——随便哪个解析器都能读你的页面。
想偷懒？可以，回 HTML 去；想严丝合缝？那就把引号、小写、闭合当成空气，写代码时顺手带上，永远绿灯。

快来点个赞吧

编程知识