编辑“︁HTML版本区别”︁（章节）

= HTML版本区别 =

HTML（超文本标记语言）自1991年诞生以来，经历了多次版本迭代，每个版本都引入了新的特性、废弃了过时的标签，并改进了语义化和功能支持。理解不同HTML版本的区别对于开发者至关重要，尤其是在维护旧项目或采用新技术时。本文将全面介绍HTML的主要版本及其差异，帮助初学者和高级开发者掌握版本演进的核心内容。

== 概述 ==
HTML版本的发展遵循W3C（万维网联盟）和WHATWG（Web超文本应用技术工作组）的标准。以下是主要版本的时间线：

<mermaid>
timeline
    title HTML版本发展时间线
    1991 : HTML 1.0 (非正式)
    1995 : HTML 2.0 (首个标准)
    1997 : HTML 3.2 (W3C推荐)
    1999 : HTML 4.01 (严格模式)
    2000 : XHTML 1.0
    2014 : HTML5 (正式推荐)
    2023 : HTML5.3 (最新草案)
</mermaid>

== 主要版本对比 ==

=== HTML 4.01 vs XHTML 1.0 ===
{| class="wikitable"
|+ 关键差异对比
! 特性 !! HTML 4.01 !! XHTML 1.0
|-
| 语法规则 || 宽松，允许省略闭合标签 || 严格，必须符合XML规范
|-
| MIME类型 || <code>text/html</code> || <code>application/xhtml+xml</code>
|-
| 错误处理 || 浏览器自动修正 || 解析失败时停止渲染
|-
| 示例 || <syntaxhighlight lang="html4strict">
<p>未闭合段落
</syntaxhighlight> || <syntaxhighlight lang="xml">
<p>必须闭合</p>
</syntaxhighlight>
|}

=== HTML5 的重大改进 ===
HTML5（2014）是当前主流版本，主要改进包括：
* '''语义化标签'''：<code>&lt;header&gt;</code>, <code>&lt;article&gt;</code>, <code>&lt;section&gt;</code>
* '''多媒体支持'''：原生<code>&lt;video&gt;</code>和<code>&lt;audio&gt;</code>
* '''API扩展'''：Canvas、Web Storage、Geolocation
* '''兼容性处理'''：向后兼容老式浏览器

==== 代码示例 ====
<syntaxhighlight lang="html5">
<!DOCTYPE html>
<html>
<head>
    <title>HTML5示例</title>
</head>
<body>
    <header>
        <h1>语义化标题</h1>
    </header>
    <canvas id="gameCanvas" width="300" height="150"></canvas>
</body>
</html>
</syntaxhighlight>

== 数学公式支持 ==
HTML5支持通过MathML嵌入公式，例如二次方程求根公式：
<math>x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}</math>

== 实际应用场景 ==
* '''旧系统维护'''：需识别HTML4的<code>&lt;font&gt;</code>标签
* '''响应式设计'''：HTML5的<code>&lt;picture&gt;</code>元素适配不同设备
* '''单页应用(SPA)'''：依赖HTML5 History API

== 版本选择建议 ==
* 新项目：强制使用HTML5
* 旧项目迁移：逐步替换废弃标签（如用CSS替代<code>&lt;center&gt;</code>）
* 特殊需求：XML严格校验时考虑XHTML

== 参见 ==
* [[HTML元素对照表]]
* [[浏览器渲染模式差异]]

[[Category:编程语言]]
[[Category:HTML]]
[[Category:HTML基础]]