《Cocos Creator游戏开发实战》 ——2.3　HTML5基本介绍和项目导出

2.3　HTML5基本介绍和项目导出

Cocos Creator支持Web平台的游戏项目的导出，Android平台和iOS的打包和导出都是需要配置环境的，而Web，也就是HTML5平台与之前介绍的两个原生平台稍有不同，Cocos Creator直接支持Web项目的导出，所以本节的题目和前两节相比稍有不同，本节主要介绍HTML5平台，并介绍它的导出方式。

2.3.1　HTML5简介

HTML5是继1999年HTML 4.01发布以后的一个新标准，包括一些新的标签，如：canvas和video等，这些可以替代之前的第三方插件的实现。因为这些新的功能，HTML5受到广泛关注，直到2008年HTML5 的第一份正式草案正式公布。

目前HTML5仍然处于不断完善阶段，但是已经得到很多主流浏览器的支持，包括Firefox、IE 9、Chrome、Safari等。HTML5的标志如图2-6所示。

究竟是什么原因使得HTML5如此受欢迎呢？这就要从HTML5的特点说起。总体来说，HTML5不仅提升了网页的表现性能，还将之前HTML需要添加第三方插件的多媒体功能通过标签添加到HTML5的功能中，对于游戏的开发，HTML5添加了canvas画布标签。

HTML5的具体特点如下。

（1）全新的结构内容元素

在HTML5之前，无论网页的内容多么复杂，都必须采用div和span这样的文档概念设计文档结构，HTML5提供了许多新的元素，解决结构内容元素单一的问题，新加入了页眉元素（header）、分组元素（hgroup）、页脚元素（footer）、导航菜单元素（nav）、文章元素（article）和引文元素（aside）等结构元素，图像代码元素（figure）、标题元素（figcaption）、引用元素（mark）和时间元素（time）等内容元素。这些全新的结构内容元素会使得网页开发更加便捷。

（2）全新的表单设计

在处理表单时，开发人员经常对表单验证和安全检察的复杂性深有感触，这是由于表单的空间较少，验证表单和实现智能必须采用JavaScript。HTML5改变了这种情况，不仅支持浏览器验证的验证方式，还可以通过input组件的type类型来控制组件的类型，同时，表单还有其他许多的输入类型、属性和特性。

（3）HTML5的媒体工程非常强大易用

在HTML5标准中，开发人员不需要依赖专用的技术就能够创建这些媒体内容，也不需要使用外部插件，这些元素都具有开放的JavaScript API，可以简化对媒体元素的控制，这也是HTML5的核心目标。

在媒体控制的元素中包括音频播放元素（audio）、视频播放元素（video）和对网页游戏开发有跨时代意义的图形绘制画布元素（canvas）。canvas元素不仅简单易用，而且通过JavaScript API和一些创新运用，canvas本身可以成为一个能够创建动态图形和交互体验的强大工具。

HTML5的优势如下。

1）提高可用性和改进用户的友好体验。

2）可以给网站带来更多的多媒体元素。

3）对网站的抓取和索引友好。

4）适用于移动应用程序和游戏。

5）对开发者来说更易用。

HTML5的性能让它的前景很美好，但是标准在定义的过程中也会出现这样那样的问题，也会出现对部分标准的分歧，尽管如此，未来HTML5无论在移动平台还是在网页开发中都会有自己的一席之地。