HTML5 简介

HTML5 是 HTML 标准的第五个版本，是 Web 时代的核心语言。本文详细介绍 HTML5 的新特性、语义化标签、多媒体支持、Canvas 绘图等功能。

什么是HTML5

HTML5 是 HTML 标准的最新版本，它延续了 HTML 4.01 的强大功能，并引入了一系列新的语义元素、图形绘制、媒体播放等特性。

HTML5 的设计理念是"化繁为简"，它简化了文档类型声明，简化了字符集声明，引入了许多语义化标签，使得代码更加清晰、易读。

提示

HTML5 支持所有现代浏览器（Chrome、Firefox、Safari、Edge 等）。

HTML5 发展历史

1991年 - HTML 1.0 发布
1995年 - HTML 2.0 发布
1997年 - HTML 3.2 发布
1999年 - HTML 4.01 发布
2008年 - HTML5 第一个草案发布
2014年 - HTML5 正式发布

HTML5 新特性一览

HTML5 引入了众多强大的新特性，主要包括：

语义化标签（header, nav, article, section, footer等）
Canvas 绘图 - 2D 图形绘制 API
SVG 矢量图形 - 可缩放矢量图形
Video 和 Audio - 原生媒体播放支持
Web Storage - 本地数据存储
Web Workers - 多线程处理
WebSocket - 实时双向通信
Geolocation - 地理定位服务
Drag and Drop - 拖放 API
Offline Web Applications - 离线应用支持

HTML5 常见问题

HTML5 与 HTML4 有什么区别？

HTML5相比HTML4主要增加了语义化标签、Canvas绘图、多媒体支持、本地存储等新特性，同时简化了文档声明和字符集设置。

哪些浏览器支持 HTML5？

所有现代浏览器都支持HTML5，包括Chrome、Firefox、Safari、Edge等。IE浏览器从IE10开始支持大部分HTML5特性。

HTML5 的 DOCTYPE 怎么写？

HTML5 的 DOCTYPE 声明非常简单，只需要 <!DOCTYPE html> 即可，无需像HTML4那样编写复杂的DTD声明。

DOCTYPE声明

HTML5 简化了文档类型声明，只需使用以下声明即可：

HTML5 DOCTYPE

<!DOCTYPE html>

说明

与 HTML4.01 的复杂 DOCTYPE 声明相比，HTML5 的声明简洁明了。

字符编码

HTML5 简化了字符编码声明：

字符编码

<meta charset="UTF-8">

基本结构

一个完整的 HTML5 文档结构如下：

index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面标题</title>
</head>
<body>
    <h1>Hello World!</h1>
</body>
</html>

💻 在线代码编辑器

👁️ 预览效果