正在加载...

HTML XHTML

上一课 SSE 教你打开 EventSource 并接收单向服务器文本流——实时更新，不是文档语法史。本课离开流，用 XHTML 收尾可选历史线：按 XML 规则书写的 HTML。范围务实——何更严、HTML5 改了什么、哪些习惯仍有用——不是 XML schema。

为何在 HTML 课讲 XHTML

初学者看到「XHTML Strict」会以为必须重写每页。不必——HTML5 才是主流目标。旧严格性解释为何要求小写、引号与
。在服务器推送之后，这里的分工是标记规则与历史，不是实时 API。

直接回答

1) XHTML = 作为 XML 的 HTML。2) 经典习惯：小写、带引号属性、显式空元素。3) 现代默认：带 <!DOCTYPE html> 的 HTML5。4) 整洁标记仍重要。5) 新项目用 HTML5 模式。6) 把旧 XHTML 建议翻译成 HTML5 实践。

📊 HTML5 vs classic XHTML habits

Topic HTML5 (this course) XHTML-style strictness
Doctype <!DOCTYPE html> Older XHTML DOCTYPE lines
Empty elements <br> / <img> fine Often <br /> / <img … />
Attribute quotes Strongly recommended Required in XHTML
Element case Lowercase by convention Lowercase required in XHTML
Error recovery Forgiving HTML parsers XML rules were stricter
This course depth Required (daily practice) History + habits to recognize
Not this lesson Full CSS layout course XML schemas / MIME product design

微型空标签对比

同一含义，两种写法。典型 HTML5 页面浏览器都接受；斜杠是阅读 XHTML 时代材料的线索。

Empty tag contrast HTML5 vs XHTML-looking

html 
<!-- HTML5-friendly empty tags -->
<p>Line one<br>Line two</p>
<img src="photo.jpg" alt="Demo photo">

<!-- XHTML-looking empty-element form -->
<p>Line one<br />Line two</p>
<img src="photo.jpg" alt="Demo photo" />

阅读对比

  • br 与 br / 在日常 HTML5 都是换行
  • 尾随 / 是 XHTML 风格 XML 空元素写法
  • src/alt 引号是良好 HTML5 习惯，在 XHTML 中曾必需
  • 小写符合两种惯例
  • 不是 SSE——没有 EventSource
  • 不要只因 br / 就改 MIME
  • 保持入门精简

微型结构良好小页

短文档兼顾两个时代的习惯：doctype、charset、带引号属性、闭合元素。即使标记整洁也保留 HTML5 doctype。

Tiny well-formed HTML5 mini page

html 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Well-formed mini page</title>
</head>
<body>
<h1>Clean markup still helps</h1>
<p>Quoted attributes and closed tags keep the tree clear.</p>
<img src="photo.jpg" alt="A demo photo">
</body>
</html>

阅读小页

  • <!DOCTYPE html> 标记 HTML5
  • lang、charset 与引号是持久好习惯
  • 闭合非 void 元素
  • alt 是可访问性
  • 与 SSE 无关
  • 映射旧教程习惯，新工作保留 HTML5
  • 下一步通常是 CSS

选择 HTML5、XHTML 习惯或旧教程

  • 本课新页：HTML5 + 整洁习惯
  • 2005 年 XHTML Strict 书：翻译规则；保留 HTML5
  • 看见 br /：XHTML 时代风格
  • 实时服务器推送：那是 SSE
  • 离线计算：那是 Workers
  • XML schema / application/xhtml+xml：超出本入门

练习 — 对比、保留 HTML5、区分时代

  1. 阅读空标签对比。
  2. 浏览习惯表。
  3. 确认 HTML5 doctype。
  4. 一句话：SSE 流式事件；XHTML 是标记历史。
  5. 一句话：新初学者项目应面向 HTML5。
  6. （可选）给凌乱片段加引号并闭合标签。
  7. 课程说明：关闭 HTML 重写队列最后一课。

易错点

  • 盲目强制完整 XHTML MIME/XML
  • 把 HTML5 宽容当成糟糕标记的许可证
  • 无风格指南混用时代
  • 与 SSE 混淆
  • 认为每个现代站点必须是 XHTML Strict
  • 把旧 XHTML doctype 复制到新项目「求质量」
  • 以为引号「只属于 XHTML」

小结

  • XHTML 是更严格类 XML 规则下的 HTML
  • 带 <!DOCTYPE html> 的 HTML5 是现代默认
  • 小写、引号与清晰标签仍有帮助
  • 翻译旧 XHTML 教程
  • SSE 是实时推送；本课是标记历史
  • HTML 重写队列到此结束——下一步通常是 CSS

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己，看看你对这个主题的理解程度如何

❓
5
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部
主题 68 的 68
Html 教程