1.2.1 HTML5简介

HTML是HyperText Markup Language（超文本标记语言）的缩写，是构成Web页面、表示Web页面的符号标签语言。通过HTML，将所需表达的信息按某种规则写成HTML文件，再通过专用的浏览器来识别，并将这些HTML文件翻译成可以识别的信息，这就是网页。

1.HTML的发展历史

HTML最早源于SGML（Standard General Markup Language，标准通用标记语言），它由Web的发明者Tim Berners-Lee及其同事Daniel W.Connolly于1990年创立。在互联网发展的初期，由于互联网没有一种网页技术呈现的标准，所以多家软件公司合力打造了HTML标准，其中最著名的就是HTML 4.0，这是一个具有跨时代意义的标准。但HTML 4.0依然有其缺陷和不足，人们也在不断改进它，使它更加具有可控制性和弹性，以适应网络上的应用需求。2000年，W3C组织公布发行了XHTML 1.0版本。

XHTML 1.0是一种在HTML 4.0基础上优化和改进的新语言，主要是基于XML应用。不过XHTML并没有成功，大多数的浏览器厂商认为XHTML作为一个过渡化的标准并没有太大必要，所以XHTML并没有成为主流。HTML5也因此孕育而生。

HTML5的前身名为Web Applications 1.0，由WHATWG在2004年提出，于2007年被W3C接纳。W3C随即成立了新的HTML工作团队，团队包括AOL、Apple、Google、IBM、Microsoft、Mozilla、Nokia、Opera以及数百个其他的开发商。这个团队于2009年公布了第一份HTML5正式草案，HTML5将成为HTML和HTML DOM的新标准。2012年12月17日，W3C宣布凝结了大量网络工作者心血的HTML5规范正式定稿，确定了HTML5在Web网络平台奠基石的地位。

2.HTML代码与网页结构

下面通过“馨美装修”企业文化页面的一段HTML代码（见图1-1）和相应的网页结构（见图1-2）来简单地认识HTML。

图1-1 HTML代码片段

图1-2 代码相应的网页结构

从图1-1中可以看出，网页内容是通过HTML标签（图中带有“<>”的符号）组织的，网页文件其实是一个纯文本文件。

3.HTML5的特性

HTML5虽然继承了以前版本的特点，但更侧重于在浏览器中实现Web应用程序。对于网页的制作，HTML5主要有两个方面的改动，即实现Web应用程序和用于更好地呈现内容。

（1）实现Web应用程序

HTML5引入了新的功能，以帮助Web应用程序的创建者能够更好地在浏览器中创建富媒体应用程序，这是当前Web应用的热点。多媒体应用程序目前主要由Ajax和Flash来实现，HTML5的出现增强了这种应用。HTML5用于实现Web应用程序的功能如下。

1）绘画的Canvas元素，该元素就像在浏览器中嵌入一块画布，可以在画布上绘画。

2）更好的用户交互操作，包括拖放、内容可编辑等。

3）扩展的HTML DOM API（Application Programming Interface，应用程序编程接口）。

4）本地离线存储。

5）Web SQL数据库。

6）离线网络应用程序。

（2）更好地呈现内容

基于Web表现的需要，HTML5引入了能够更好地呈现内容的元素，主要有以下几项。

1）用于视频、音频播放的video元素和audio元素。

2）用于文件结构的article、footer、header、nav、section等元素。

3）功能强大的表单控件。