HTML5 简介

现代 HTML 简介

什么是 HTML？

HTML（HyperText Markup Language，超文本标记语言）是创建网页和 Web 应用程序的标准语言。它使用标记来描述网页的结构。

HTML 元素（element）是 HTML 页面的构建块，通过标签（tag）表示，例如 <h1>、<p>、<img> 等。

最新版本通常被称为 HTML5 或简称为“HTML”，它引入了许多新特性，同时保持了向后兼容性。

现代 HTML 的主要特征

简化语法：

DOCTYPE 声明变得非常简单：

<!DOCTYPE html>

字符编码（Character Encoding）也通过在 <head> 部分使用 <meta> 标签得到简化：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document Title</title>
</head>
<body>
  <!-- 内容在此处 -->
</body>
</html>

注意：在 <html> 标签上设置 lang 属性对于可访问性和搜索引擎优化 (SEO) 非常重要。

	UTF-8 是 Web 的通用字符编码，支持全球几乎所有字符和符号。

语义化元素（Semantic Elements）：

HTML5 引入了描述其含义的元素，提高了代码的可读性、可访问性和 SEO：

• <header>：表示介绍性内容或导航链接。
• <footer>：通常包含作者信息、版权信息或联系方式。
• <nav>：包含导航链接。
• <main>：指定文档的主要内容。
• <article>：表示一个独立的内容片段（例如，博客文章、新闻报道）。
• <section>：定义一个专题性的内容分组。
• <aside>：表示与主要内容切向相关的内容（例如，侧边栏）。

多媒体支持：

无需依赖插件，即可原生支持嵌入音频和视频：

• <audio>：嵌入声音内容。
• <video>：嵌入视频内容。

图形：

用于直接在浏览器中绘制图形的元素：

• <canvas>：允许通过 JavaScript 绘制图形（像素）。
• <svg>：以 XML 格式定义基于向量的图形。

增强的表单控件：

新的输入类型提供了更好的用户体验和验证功能：

示例：date、time、email、url、number、range、color。

现代 Web API

HTML 与浏览器 API（应用程序编程接口）紧密协作，以实现动态和交互式的 Web 应用程序：

• 地理定位 API (Geolocation API)：访问用户位置（需用户授权）。
• 拖放 API (Drag and Drop API)：实现元素的拖放功能。
• Web 存储 (Web Storage，包括本地存储 Local Storage 和会话存储 Session Storage)：在浏览器中本地存储数据，比 Cookie 功能更强大。
• Web Workers：在后台线程中运行 JavaScript，不会阻塞主 UI 线程。
• 服务端发送事件 (Server-Sent Events, SSE)：允许服务器向客户端推送数据。
• Service Workers：充当代理服务器，实现离线功能、后台同步和推送通知（很大程度上取代了已弃用的 Application Cache）。

	Web 存储（本地存储和会话存储）提供了浏览器中简单的键值对存储。本地存储即使在浏览器关闭后仍然保留，而会话存储在会话结束时清除。

移除的元素

一些旧的 HTML 元素，主要与呈现（presentation）相关，已经被移除或弃用。样式现在应完全由 CSS 处理：

移除的元素	现代方法
<font>、<basefont>、<center>、<big>、<strike>、<tt>	使用 CSS 进行样式设置（例如，font-family、color、text-align、font-size、text-decoration、font-family: monospace）。
<frame>、<frameset>、<noframes>	使用 <iframe> 或现代布局技术（如 Flexbox、Grid）代替框架集。
<applet>	使用 <object>、<embed> 或现代 Web 技术，例如 JavaScript 框架。
<acronym>	使用 <abbr> 表示缩写和首字母缩略词。
<dir>	使用 <ul>（无序列表）。

HTML 历史与演进

HTML 自诞生以来经历了显著的发展：

年份	里程碑
1991	Tim Berners-Lee 发明 HTML。
1995	HTML 工作组定义 HTML 2.0。
1997	W3C 推荐标准：HTML 3.2。
1999	W3C 推荐标准：HTML 4.01。
2000	W3C 推荐标准：XHTML 1.0 (HTML 作为 XML)。
2004	WHATWG (Web 超文本应用技术工作组) 成立，以更务实地推进 HTML 开发。
2008	HTML5 的首个公共工作草案发布。
2014	W3C 推荐标准：HTML5。
2019至今	WHATWG 维护 HTML Living Standard (HTML 实时标准)，持续更新。W3C 基于 Living Standard 发布稳定的推荐标准。

关键要点是，HTML 现在是由 WHATWG 维护的“实时标准”，在浏览器厂商和 Web 社区的参与下持续演进。虽然 W3C 发布了有版本号的“推荐标准”，但 Living Standard 代表了 HTML 的当前状态。

您可以在 WHATWG HTML Living Standard 网站 关注最新的发展。