简介

HTML5 是 HyperText Markup Language 5 的缩写,HTML5 技术结合了 HTML4.01 的相关标准并革新,符合现代网络发展要求,在 2008 年正式发布。HTML5 由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。与传统的技术相比,HTML5 的语法特征更加明显,并且结合了 SVG 的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容,而且 HTML5 中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。2014 年 10 月 28 日,W3C 发布了 HTML5 的最终版。

新特性

image.png
image.png

新的语义元素

一个语义元素能够清楚的描述其意义给浏览器和开发者。无语义元素实例: <div> 和 <span> - 无需考虑内容。语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容。HTML5中新增了较多的语义元素来明确一个Web页面的不同部分。
1
2
3
4
5
6
7
8
9
<header>  (新增)表示增强型的标题,可以包含HTML标题和其他内容。其他内容可以是标志、作者署名、或一组指向后面内容的导航链接
<hgroup> (新增)表示增强型的标题,分组两个或多个标题元素,不包含其他内容。其主要目的是把标题和副标题联系到一起
<nav> (新增)表示页面中的重要的一组链接。其中的链接可以指向当前页的主题,也可以指向网站的其他页面。实际上,一个页面中包含多个<nav>也很正常
<section> (新增)表示文档中的一个区块,或者一组文档。<section>是一个通用容器,只有一条规则;其中的内容必须始于一个标题。应该在其他语义元素(如<article>和<aside>)不适用的情况下再选择
<article> (新增)表示一篇任何形式的文章,即类似新闻报道、论坛帖子或者博客文章(不包括评论或者作者简介)等能够独立的内容区块
<aside> (新增)表示独立于周围环境内容的一个完整的内容块。例如,可以用<aside>创建一个附注栏,其中包含于主文章相关的内容或者链接
<figure> (新增)表示一副插图,<figure>元素标注<figcaption>和插入图片的<img>元素。目标是反映图片与图题直接是关联的
<figcaption> (新增)<figcaption>标注图题(插图的标题)
<footer> (新增)表示页面的底部页脚。通常是很小的一块内容,包括小号字的版权声明、简单的链接等;

新的表单控件

比如数字、日期、时间、日历和滑块。

强大的图像支持

1
<canvas> 和 <svg>

强大的多媒体支持

1
<video> 和 <audio>

强大的新 API

比如用本地存储取代 cookie。

HTML5 - 被删元素

以下 HTML 4.01 元素已从 HTML5 中删除:

1
2
3
4
5
6
7
8
9
10
11
12
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>