什么是HTML5?
HTML5是HTML的第五个主要版本。
HTML5是超文本标记语言(HTML)的第五个主要版本,也是当前最新的 HTML 标准,用于构建和呈现网页内容 。
标准化进程:由万维网联盟(W3C)和 Web 超文本应用技术工作组(WHATWG)共同推动,于 2014 年 10 月 28 日成为 W3C 正式推荐标准 。
核心特性:引入语义化标签(如 header、article)、原生音视频支持(video、audio)、Canvas 绘图、本地存储(localStorage)、表单增强等新功能 。
设计目的:旨在支持移动设备多媒体,减少对 Flash 等第三方插件的依赖,提升网页交互性与跨平台能力。
HTML5 中的新内容?
HTML5 的新的文档类型(DOCTYPE)声明非常简单:
<!DOCTYPE html>
The new character encoding (charset) declaration is also very simple:
<meta charset="UTF-8">HTML5 实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>注意:HTML5 中默认的字符编码是 UTF-8。
HTML5 - 新的属性语法
HTML5 标准允许 4 种不同的属性语法。
本例演示在 <input> 标签中使用的不同语法:
| 类型 | 示例 |
|---|---|
| Empty | <input type="text" value="Bill Gates" disabled> |
| Unquoted | <input type="text" value=Bill Gates> |
| Double-quoted | <input type="text" value="Bill Gates"> |
| Single-quoted | <input type="text" value='Bill Gates'> |
在 HTML5 标准中,根据对属性的需求,可能会用到所有 4 种语法。
HTML5 - 新特性
HTML5 的一些最有趣的新特性:
- 新的语义元素,比如
<header>,<footer>,<article>,<section>。 - 新的表单控件,比如数字、日期、时间、日历和滑块。
- 强大的图像支持(借由
<canvas>和<svg>) - 强大的多媒体支持(借由
<video>和<audio>) - 强大的新 API,比如用本地存储取代 cookie。
HTML5 - 被删元素
以下 HTML 4.01 元素已从 HTML5 中删除:
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>