文档介绍：目录?HTML5 简介?HTML5 的canvas 元素?HTML5 的audio 元素?HTML5 的vedio 元素?HTML5 的vedio 元素?HTML5 的Web 存储?HTML5 的input 类型?HTML5 的表单属性?总结什么是 HTML5 ? HTML5 将成为 HTML 、 XHTML 以及 HTML DOM 的新标准。? HTML5 是 W3C 与 WHATWG 合作的结果。? WHATWG 指 Web Hypertext Application Technology Working Group 。? WHATWG 致力于 web 表单和应用程序在2006 年,双方决定进行合作,来创建一个新版本的 HTML 。 HTML5 的规则?为 HTML5 建立的一些规则: ?新特性应该基于 HTML 、 CSS 、 DOM 以及 JavaScript 。?减少对外部插件的需求(比如 Flash ) ?更优秀的错误处理?更多取代脚本的标记? HTML5 应该独立于设备?开发进程应对公众透明 HTML5 的新特性? HTML5 中的一些有趣的新特性: ?用于绘画的 canvas 元素?用于媒介回放的 video 和 audio 元素?对本地离线存储的更好的支持?新的特殊内容元素,比如 article 、 footer 、 header 、 nav 、 section ?新的表单控件,比如 calendar 、 date 、 time 、 email 、 url 、 search 浏览器对 HTML5 的支持最新版本的 Chrome 、 Firefox 、 Safari Explorer 9( 不支持 Windows XP) Explorer 10 预览版(只支持 win7 及以上版本) 搜狗双核浏览器、遨游双核浏览器支持 HTML5 是一个趋势浏览器分类简介按内核分类: Trident :又称为 MSHTML ,代表 Explorer 其他: Maxthon 遨游、世界之窗、腾讯 TT 、 Netcapter 、 Avant 等等,但 Trident 只能应用于 Windows 平台,且是不开源的 Gecko :代表作品 Mozilla Firefox Netscape6 至9 能在 Microsoft Windows 、 Linux 和 MacOS X 等主要操作系统上运行 WebKit :代表作品 Safari 、 Chrome Presto :代表作品 Opera HTML 5 Canvas ?什么是 Canvas ? ? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。?画布是一个矩形区域,您可以控制其每一像素。? canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 Canvas 示例 Canvas 绘制图形<!DOCTYPE HTML> <html> <body> <canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"> Your browser does not support the canvas element. </canvas> <script type="text/javascript"> var c=("myCanvas"); var cxt=("2d"); (10,10); (150,50); (10,50); (); </script> </body> </html>