HTML5在移动设备的应用.pptx

第4章 HTML5 在移动设备中目录全新的 HTML5 用 HTML5 设计移动网站前的准备综合实例:网页版俄罗斯方块游戏实例 4-1 :第一段 HTML5 程序实例 4-2 :自动检测输入的拼写是否正确实例 4-3 :将站点升级至 HTML5 第4章 HTML5 在移动设备中 1全新的HTML5 发展历程介绍 HTML 最近的一次升级是 1999 年12月发布的 。自那以后,发生了很多事。最初的浏览器战争已经结束, Netscape 灰飞烟灭, IE5 作为赢家后来又发展到 IE6 、 IE7 、 IE8 。 Mozilla Firefox scape 的死灰中诞生,并跃居第二位。苹果和 Google 各自推出自己的浏览器, 而小家碧玉的 Opera 仍然嘤嘤嗡嗡地活着,并以推动 Web 标准为己命。我们在手机和游戏机上有了真正的 Web 体验,感谢 Opera 、 iPhone 以及经 Google 推出的 Android 。然而这一切,仅仅让 Web 标准运动变得更加混乱, HTML5 和其他标准被束之高阁,结果 HTML5 一直以来都是以草案的面目示人。于是一些公司联合起来,成立了一个叫做 Web Hypertext Application Technology Working Group ( Web 超文本应用技术工作组—— WHATWG ) 的组织,他们将重新拣起 HTML5 这个神圣的课题。这个组织独立于 W3C ,成员来自 Mozilla 、 KHTML/ Webkit 项目组、 Google 、 Apple 、 Opera 以及微软。他们创立了 HTML5 新规范,同时开始针对 Web 应用开发新功能。第4章 HTML5 在移动设备中 1全新的HTML5 2006 年, W3C 又重新介入 HTML ,并于 2008 年发布了 HTML5 的工作草案。 2009 年, XHTML2 工作组停止工作。在接下来的一年里,由于 HTML5 能够解决实际问题,所以在规范还没有具体确定的情况下,各大浏览器厂商已经开始对旗下的产品进行升级,支持 HTML5 的新功能。得益于浏览器的实验性反馈, HTML5 规范也得到了持续性完善。由此可以论证, HTML5 必将是将来网页设计的标准,也是最绚丽的新技术。第4章 HTML5 在移动设备中 1全新的HTML5 全新功能 HTML5 作为全新的版本,为开发人员带来了全新的功能,通过这些新功能可以为用户提供无与伦比的用户体验。 、更加合理的 Tag 多媒体对象将不再全部绑定在 object 或 embed Tag 中,而是视频有视频的 Tag ,音频有音频的 Tag 。本地数据库这个功能将内嵌一个本地的 SQL 数据库,以加速交互式搜索,缓存以及索引功能。同时, 那些离线 Web 程序也将因此获益匪浅。第4章 HTML5 在移动设备中 1全新的HTML5 Canvas 对象 Canvas 对象将给浏览器带来直接在上面绘制矢量图的能力,这意味着我们可以脱离 Flash 和 Silverlight ,直接在浏览器中显示图形或动画。一些最新的浏览器已经开始支持 Canvas 。通过 Canvas 提供的 API 可以实现浏览器内的编辑、拖放以及各种图形用户界面的能力。并且从 HTML5 开始,内容修饰 Tag 被剔除,而统一使用 CSS 。第4章 HTML5 在移动设备中 1全新的HTML5 HTML5 建立了如下新规则: 新特性应该基于 HTML 、 CSS 、 DOM 以及 JavaScript ; 减少对外部插件的需求,例如 Flash ; 更优秀的错误处理; 更多取代脚本的标记; HTML5 应该独立于设备; 开发进程应对公众透明。第4章 HTML5 在移动设备中 1全新的HTML5 HTML5 中增加了以下主要的新特性: 用于绘画的 canvas 元素; 用于媒介回放的 video 和 audio 元素; 对本地离线存储的更好的支持; 新的特殊内容元素,例如 article 、 footer 、 header 、 nav 、 section ; 新的表单控件,例如 calendar 、 date 、 time 、 email 、 url 、 search 。第4章 HTML5 在移动设备中 1全新的HTML5 HTML5 不仅能改进面向桌面浏览器的网站,它的一些特性更是为移动设备量身打造的, 具体说明如下所示。地理定位: 这是一个 HTML5 独有的 API ,移动设备非常需要定位服务。离线应用程序: 因为移动设备经常处于移动中,而且并非始终在线,而离线应用