HTML5研讨.ppt

HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 基于Javascript的2D绘图 基于WebGL的2D绘图 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 HTML 5 * * 什么是HTML 5 是下一代HTML 将成为HTML、XHTML以及HTML DOM的新标准。 很多浏览器已经具备了HTML5的某些支持，但HTML5 仍处于完善之中。 HTML 5的发展由来 HTML 5的发展由来 对 W3C 而言，到了 HTML 4 已经是功德圆满，他们得下一步事变是 XHTML 2，盼望将 Web 带向 XML 得光亮将来。固然 XHTML 2 听上去和 XHTML 1 雷同，它们却有很多不同，XHTML 2 不向前兼容，乃至不兼容之前得 HTML。它是一种全新得语言，赤条条来去无牵挂。这着实是一场灾祸。 HTML 5的发展由来 W3C 凭空杜撰得作风引起了部分人得不满，来自 Opera, Apple, 以及 Mozilla 得代表开始表达反对声音。2004年，Opera 得 Ian Hickson 发起在 HTML 根本上举行扩展以适应新得 Web 应用，该发起遭到 W3C 得拒绝。于是，他们自发构造创建了超文本应用技术事变组，便是 WHATWG。WHATWG 得重要事变包罗两部分，Web Forms 2.0 和 Web Apps 1.0，它们都是 HTML 得扩展，其后，他们归并到一起成为如今得 HTML5 范例。 HTML 5的发展由来 在 WHATWG 致力于 HTML5 得同时，W3C 连续他们得 XHTML 2.0，然而，他们徐徐地陷入窘境。 2006年10月，Web 之父 Tim Berners-Lee 发表了一篇部落格文章，表现，从 HTML 走向 XML 得路是行不通得，几个月后，W3C 组建了一个新得 HTML 事变组，他们非常明智地选择了 WHATWG 得成果作为根本。这一紊乱场合场面到了 2009 年开始变得明白，W3C 颁布发表停止 XHTML 2 得事变 。 HTML 5的发展由来 HTML5发展图 HTML 5的发展由来 新的特性应该基于HTML、CSS、DOM、Javascript 减少对外部插件的需求（比如：Flash） 更优秀的错误处理 更多取代脚本的标签 HTML5应该独立与设备 开发进程应对公众透明 HTML 5考虑的是未来Web应用的构建模式问题。 HTML 5的特性 取消了一些过时的HTML4标签。其中包括纯粹显示效果的标记。 如font和center，它们已经被CSS取代。 新增了一些新的标签用来更加细致地描述页面、文档结构，将内容与展示分离。 比如，新的HTML 标签 header, footer, dialog, aside, figure 等的使用。 b 和 i 标签依然保留，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。 HTML 5的特性 HTML正在向XML靠拢。通过分离网页内容与展示，更精确地对网页内容进行定位与处理。（搜索） HTML 5的特性 新增audio、video，不需要插件即可播放视频和音频。 目前仅支持ogg、mpeg4格式视频文件及ogg、MP3、wav格式音频文件。 不同浏览器有差异。 Html5取代Flash在移动设备的地位。 其实质是扩展了浏览器功能，插件在Web应用中的地位。能有效解决问题吗？ HTML 5的特性 表单增强，HTML5为表单提供了多个新的控件和属性。 控件：进度条、日历、颜色选择等等。 HTML5语音识别，仅chorme浏览器支持。 input?type=text?x-webkit-speech?/ 更多的控件选择，方便构建应用，但与多媒体相似，个人不支持功能性的增加。 HTML 5的特性 HTML5绘图Canvas标签。 HTML5仅提供Canvas标签及接口API，对Canvas的操作需要由程序实现。 相当于字符命令界面向图形用户界面的转变：原来HTML仅支持页面个元素的组织，现在能控制页面上显示的内容，并且这种内容的展示是基于点阵单位的精细展现。 图表应用、游戏应用等等。 WebGL完美地解决了Web交互式三维动画的两个问题： 通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持(VHTML?3DX?HTML5) 利用底层硬件图形加速功能进行图层渲染，是通过统一的、标准的、跨平台的OpenGL接口实现。 可被用于创建具有复杂的3D结构的网站页面，甚至可以用来设计3D网络游