HTML 完整开发教程 第2章

第2章 HTML 的历史与标准

在学习具体 HTML 标签之前，了解 HTML 的发展历史和标准组织非常重要。 HTML
并不是一开始就像今天这样功能强大，而是经过几十年的不断演进才形成 如今的
HTML5 生态。

本章将介绍：

  • HTML 的起源
  • HTML 版本的发展
  • W3C 与 WHATWG
  • HTML Living Standard
  • HTML5 的重要意义

2.1 HTML 的诞生

HTML 的历史可以追溯到 1990 年。

当时，英国计算机科学家 Tim Berners‑Lee 在 CERN（欧洲核子研究中心）
提出了一种通过互联网共享文档的系统，这个系统后来被称为：

World Wide Web（万维网）

为了让文档能够互相链接，他设计了三项关键技术：

  1. URL（统一资源定位符）
  2. HTTP（超文本传输协议）
  3. HTML（超文本标记语言）

HTML 的核心思想是：

通过“超链接”把不同文档连接起来

这就是现代互联网网页的基础。

2.2 HTML1.0

HTML1.0 是最早的 HTML 版本，大约在 1993 年出现。

功能非常简单，只支持一些基础标签，例如：

  • 标题
  • 段落
  • 列表
  • 链接

示例：

<h1>Hello World</h1>
<p>这是早期 HTML 页面。</p>
<a href="page2.html">下一页</a>

早期网页几乎没有布局概念，页面非常简单。

2.3 HTML2.0

1995 年发布的 HTML2.0 是第一个正式标准。

这个版本引入了：

  • 表单（Forms）
  • 输入控件
  • 更规范的标签结构

例如：

<form>
<input type="text">
<input type="submit">
</form>

表单的出现让网页开始具备交互能力。

2.4 HTML3.2

1997 年发布的 HTML3.2 增加了许多新元素，例如：

  • 表格（table）
  • 图片（img）
  • 脚本支持

示例：

<table>
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
</table>

表格的出现使网页布局更加复杂。

2.5 HTML4

HTML4 于 1997 年发布，并在 1999 年更新为 HTML4.01。

这个版本成为互联网使用时间最长的 HTML 标准。

HTML4 的特点：

  • 支持 CSS
  • 支持脚本
  • 更规范的文档结构

HTML4 开始强调：

结构与样式分离

也就是说：

  • HTML 负责结构
  • CSS 负责样式

2.6 XHTML

2000 年左右，W3C 推出了 XHTML。

XHTML 是一种更严格的 HTML 版本，它基于 XML 语法。

特点包括：

  • 所有标签必须闭合
  • 标签必须小写
  • 属性必须加引号

示例：

<img src="image.png" />

不过 XHTML 过于严格，开发者使用起来不太方便，因此没有成为主流。

2.7 HTML5 的出现

2008 年左右，HTML5 开始出现。

HTML5 的目标是：

让网页可以像应用程序一样运行

HTML5 新增了许多重要功能：

  • 视频播放
  • 音频播放
  • Canvas 图形
  • 本地存储
  • 语义化标签

例如：

<video controls>
<source src="movie.mp4">
</video>

HTML5 让网页可以播放视频，而不再需要 Flash。

2.8 W3C 与 WHATWG

HTML 标准由两个组织维护：

W3C

全称：

World Wide Web Consortium

负责制定 Web 技术标准，例如：

  • HTML
  • CSS
  • XML

WHATWG

全称：

Web Hypertext Application Technology Working Group

主要推动 HTML5 的发展。

如今两个组织合作维护 HTML 标准。

2.9 HTML Living Standard

现代 HTML 标准采用一种新的模式：

Living Standard（持续更新标准）

意思是 HTML 不再像过去那样每几年发布一个新版本，而是持续更新。

这意味着：

  • HTML5 不会被 HTML6 取代
  • 新功能会不断加入

开发者只需要关注最新规范即可。

2.10 HTML5 的重要意义

HTML5 的出现对 Web 产生了巨大影响。

主要体现在：

1 多媒体支持

HTML5 原生支持：

  • 音频
  • 视频

2 图形能力

Canvas 和 SVG 让网页可以绘制图形。

3 Web 应用

HTML5 让浏览器可以运行复杂应用，例如：

  • 在线文档
  • 在线游戏
  • 在线 IDE

4 移动互联网

HTML5 对移动设备非常友好。

许多移动网站和 Web App 都基于 HTML5。

本章小结

在本章中，我们了解了 HTML 的发展历史：

  • HTML 的诞生
  • HTML1.0 到 HTML4 的发展
  • XHTML 的尝试
  • HTML5 的革命
  • W3C 与 WHATWG
  • HTML Living Standard

在下一章，我们将学习 HTML 开发环境搭建与常用工具。