1.1 认识HTML5

HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。HTML5是跨平台的，被设计为在不同类型的硬件（台式计算机、平板计算机、手机、电视机等）上运行的语言。

1.1.1 HTML的发展历程

通俗来讲，HTML就是网页的源代码，任何一个网页都是由一行行HTML代码编写而成的。

HTML的第一个版本诞生于20世纪七八十年代，当时互联网没有普及，也没有专业的组织制定HTML规范。因此，那个时代HTML的发展非常混乱，并没有受到开发者的重视，更没有得到大幅度的发展，HTML还是一门冷门的语言。

HTML真正崛起是从1998年诞生的HTML4.0版本开始的，紧接着在1999年更新了HTML4.01版本。自HTML4.01版本以后，Web世界经历了巨变。此时，被称为BAT三巨头的百度、阿里巴巴、腾讯等互联网企业相继崛起，标志着互联网时代的到来。

HTML5是由W3C（万维网联盟）于2007年正式立项的，直至2014年10月底，这个长达八年的规范终于制定完成并公开发布。

HTML5将会取代HTML4.01、XHTML1.0标准，使网络标准满足互联网应用迅速发展的需求，为移动平台带来多媒体，推动Web进入新的时代。

1.1.2 HTML5与HTML4的区别

除了本身的HTML5标记之外，广义的HTML5还包含CSS3与JavaScript。由于HTML5设计的目的是在移动设备上支持多媒体，所以新的语法特征被引进以支持这一点，但是基本的标记语法并没有大的改变。下面列出HTML4与HTML5的主要区别。

1．语法简化

更简单的doctype是HTML5中众多新特征之一。在HTML5中，头部只需要写＜！DOCTYPEhtml＞即可。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。

2．新增语义化标签

新增加的语义化标签（如＜header＞、＜footer＞、＜section＞等）使得网页的可读性变得更高，也更加明确地表示出网页的结构，对于搜索引擎优化（SEO）有很大帮助。

3．新的媒体标签

新的＜audio＞和＜video＞标签可以用来嵌入音频文件和视频文件。这些标签的使用让网页播放音频、视频更加方便。

4．使用画布标签绘制图形

＜canvas＞标签具有绘图功能，通过与JavaScript脚本的搭配，可在网页上绘制图像。

5．新的表单设计

在HTML5中，表单增加了新元素，也为表单元素增加了许多新属性，让表单的使用更加便利。

6．废除了一些旧标签

HTML5废除了一些标签，其中大部分为网页美化标签，如＜center＞、＜font＞、＜tt＞、＜big＞、＜dir＞、＜marquee＞、＜frame＞等。