html5和webkit调研报告.docxVIP

HTML5 和Wekbit 调研报告（2011 年 4 月）武汉必联网络技术有限公司一、HTML5 介绍HTML5 草案的前身名为 Web Applications 1.0，是在 2004 年由 WHATWG 提出， 再于 2007 年获 W3C 接纳，并成立了新的 HTML 工作团队。在 2008 年 1 月 22 日， 第一份正式草案发布。WHATWG 表示该规范是目前仍在进行的工作，仍须多年 的努力。目前 Firefox、Google Chrome、Opera 及 Safari（版本 4 以上）已支持 HTML5。HTML 5 提供了一些新的元素和属性。其中有些是技术上类似div和span 标签，但有一定含义，例如nav和footer。这种标签将有利于搜索引擎的索引 整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过 一个标准接口，如audio和video标记。一些过时的 HTML 4 标记将取消，其 中包括纯粹用作显示效果的标记，如font和center，因为它们已经被 CSS 取 代。1.1、HTML5 新增元素如图1.2、浏览器对 html5 支持情况操作系统浏览器支持度WindowsInternet Explorer 6不支持如果安装了 GoogleChrome Frame，支持HTML5Internet Explorer7不支持同上Internet Explorer8不支持同上Internet Explorer9支持(mp4,webm*)*如果安装了 VP8 解码器Firefox 3.5不支持Firefox 3.5, 3.6支持（ogg）Firefox 4支持（webm,ogg）Chrome 3不支持Chrome 3, 4, 5支持（webm,ogg）Chrome 6支持（mp4,webm,ogg）Opera 10.5不支持Opera 10.5支持（ogg）Opera 10.6支持（webm,ogg）Opera 11支持（webm,ogg）Safari 3.1, 4, 5支持（mp4）MacSafari 3.1不支持Safari 3.1, 4, 5支持（mp4）Firefox 3.5不支持Firefox 3.5, 3.6支持（ogg）Firefox 4支持（webm,ogg）Chrome 3不支持Chrome 3, 4, 5支持（mp4,ogg）Chrome 6支持（mp4,webm,ogg）Linux同上 Mac同上 MaciOS(iPhone,iOS 3,4)支持（mp4）早期版本（iOS 1,2）Safari不支持 HTML5 视频(iPad, iOS 3.2)支持（mp4）SafariAndroidAndroid 2.1, 2.2支持（mp4）Android 2.3支持（mp4）注释：ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件。mp4 = 带有 H.264视频编码和 AAC 音频编码的 MPEG 4文件。1.3、浏览器市场排行美国互联网流量监测机构 Net Applications 今天发布了 2011 年 2 月份最新浏 览器市场占有率及排行统计数据，统计结果显示，2011 年 2 月，微软 IE 浏览器 全球市场份额有所增长，由 1 月的 56%上升到 56.77%，相信这一增长与 IE9 RC版的发布不无关系，而伴随着 3 月份 IE9 正式版的发布，相信 IE 浏览器全球市场 份额将会进一步的提高。Net Applications 统计数据还显示，今年 2 月份谷歌 Chrome 浏览器全球市场 份额再次上升，由 1 月份的 10.7%增至 10.93%，虽然说增幅不大，但长期以来 Chrome 可谓稳扎稳打，市场份额的持续增长是其他浏览器都没有的。也许是厌 倦了没完没了的 Beta 版，有一部分用户在一月份选择放弃了 Firefox 浏览器，2 月份市场占有率为 21.74%，相较 1 月份的 22.75%下降 1.01%。不知道即将来临 的 Firefox 4.0 RC 版能否帮 Firefox 挽回一些市场份额呢？苹果 Safari 相应市场份额由 1 月的 6.30%增至 6.36%，而 Opera 浏览器则由 1 月的 2.28%下降到 2.15%。二、HTML5 技术分析除了原先的 DOM 接口，HTML5 增加了更多 API2.1、使用 HTML5 canvas 进行 Web 绘图Web 之前有三种绘图的方式，Adobe Flash，SVG 和 VML。此次 HTML5 元素 新添加的 Canvas 实际上是一个像素画布（bitmap canvas），和 SVG 不同，画在Canvas 上的元素无法进行缩放，