《精》HTML5功能浅析.docVIP

目 录 摘 要 I ABSTRACT II 第1章 绪 论 1 1.1 课题来源 1 1.2 课题背景 1 1.3 国内外在该方向的研究现状及分析 1 1.4 与HTML 4的不同之处 2 1.4.1 不同的元素属性 2 1.4.3 异常处理 2 1.4.4 新应用程序接口（API） 2 1.5 使用的开发平台 2 1.6 本章小结 3 2.1 研究内容分析 4 2.2 兼容性分析 4 2.2.1 主流浏览器对HTML5部分标签兼容表 4 2.2.2 主流浏览器对HTML5流媒体格式的兼容 5 2.2.3 主流浏览器对HTML5表单特性兼容表 6 2.3 本章小节 6 第3章 表单、视频及音频功能性探索 7 3.1 HTML5对表单的支持 7 3.1.1 输入框自动获取焦点实现 7 3.1.2 文本框的输入提示实现 7 3.1.3 表单验证功能 7 3.1.4 滑动块输入的实现 8 3.1.6 输入框下拉提示实现 9 3.1.7 日期选择框实现 9 3.1.8 文件上传功能块实现 10 3.2 对视频和音频的支持 10 3.2.1 Video属性列表 10 3.2.2 video标签实现 11 3.3.3 Audio的属性 12 3.3.2 Audio标签实现 12 3.4 本章小节 12 第4章 canvas绘图功能实现 14 4.1 Canvas元素的 2D context API 14 4.1.1 基本图形绘制 14 4.1.2 图形美化 15 4.1.4 Canvas图像处理 17 4.1.5 对文字的处理 18 4.2 Canvas元素的3D context API 19 4.2.1 3D canvas实现示例 19 4.4 本章小节 21 结束语 22 参考文献 23 摘 要 随着互联网的发展，HTML （HyperText Mark-up Language，超文本标记语言或超文本链接标示语言 ）标准也在不断变化，HTML标准已经走过第4代了，自从W3C （World Wide Web Consortium ，W3C理事会或万维网联盟 ）公布HTML5标准草案以来，HTML5越发的受开发者及各大公司的欢迎，因为它能用简单的标签元素，属性能实现之前需要用很多复杂JavaScript代码才能有实现的功能，本论文着重以浏览器支持较好且容易实现的部分HTML5功能作为探索对像。 由于基于网页的探索性实验项目，在设计上并不是很复杂，因此在过程分析设计，详细设计分析方面做的比较少，着重内容展示。文章从以下几个方面论述： 首先，展示HTML5对表单的强大支持功能，以前许多验证需要用复杂的正则表达式来达到验证的目的，但是HTML5自建表单验证功能。比如电子邮件，日期等。 其次介绍了HTML5内建的 Video Audio 标签，它能让我们轻松的将视频，音频内嵌到网页中，而且不需要任何插件，不需要为不同的视频插件编写不同的代码，大大减少了开发人员的工作，而且也使得硬件支持视频音频播放变的容易，更受到众多非开发厂商的支持，目前大部分主流浏览器都能全部或部分支持这两大标签，详细请见结论各浏览器对HTML5支持表 最后，是本论文着重介绍的部分Canvas2D,3D Context API(Application Programming Interface,应用程序编程接口) 即使浏览器内建 的绘图功能，从些在浏览器上实现绘图变的轻而易举了，甚至我们可以在网页上玩大型的3D游戏，而且目前Google公司已经实现了，谷歌HTML5及WebGL实现浏览器无插件3D游戏运行 。详细Canvas绘图功能介绍请看第4章canvas绘图功能探索。 通过这些演示与探索，相信对HTML5会有更进一步的了解，应对下一代WEB开发标准的到有所准备。 关键词：HTML5、JavaScript、Canvas、绘图 ABSTRACT With the development of the Internet, HTML standards are constantly changing, There are four generation pastded .since the W3C HTML5 standard has been published, HTML5 increasingly the subject developers and major companie`s welcome, because it simple tag elements, attributes needed to achieve a lot of complexity before Ja