前端Wiki/HTML5/基础/初识 HTML5

HTML5 是什么

HTML5 是 HTML 的第五代标准，2014 年由 W3C 正式定稿，此后由 WHATWG 以"动态标准"（Living Standard）方式持续维护。它不只是"多了几个标签"，而是一整套把网页推向"应用"形态的能力集合：语义结构、原生多媒体、图形绘制、本地存储、设备访问（摄像头、定位）、离线运行。

HTML5 最大的历史功绩是终结了 Flash 时代。在它之前，网页播放视频要装 Flash 插件、画图表也要靠插件，性能差还不安全。HTML5 用 video/audio/canvas 等原生标签替代了插件，浏览器从此"开箱即用"。

文档声明简化成一行 <!DOCTYPE html>，任何旧浏览器都能识别。
学 HTML5 的前提是已掌握基础 HTML，本课聚焦"新增了什么、怎么用"。

本节要点HTML5 = 语义标签 + 多媒体 + 图形 + 本地存储 + 设备 API 的标准集合；它用原生能力取代了 Flash 插件；声明只需一行 DOCTYPE。

HTML

<!DOCTYPE html>            <!-- 声明简化到一行，所有浏览器兼容 -->
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">    <!-- 编码声明同样简化 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML5 页面骨架</title>
</head>
<body>
  <header><h1>页面标题</h1></header>   <!-- 新语义标签 -->
  <main>
    <video src="demo.mp4" controls></video>  <!-- 原生视频，无需插件 -->
    <canvas id="cv" width="300" height="150"></canvas> <!-- 画布 -->
  </main>
  <footer>© 2026</footer>
</body>
</html>

🔗 相关词条DOCTYPE canvas HTML 本地存储浏览器网页标签

📚 推荐阅读

ECharts 图表教程万象云档

PWA 应用实战万象云档

移动前端开发经验指南万象云档

Socket.IO v4 中文文档万象云档

Electron 27 中文文档万象云档

来自万象云档的免费在线书籍，点击封面直接阅读