HTML 5 HTML 5canvas HTML 5audio HTML 5vedio

目录 HTML 5简介 HTML 5的canvas元素 HTML 5的audio元素 HTML 5的vedio元素 HTML 5的Web存储 HTML 5的input类型 HTML

什么是HTML 5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 5 是 W 3

浏览器分类简介按内核分� ： Trident：又称� MSHTML，代表Internet Explorer 其他：Maxthon遨游、世界之窗、�� TT、Netcapter、Avant等等，但Trident只能 � 用于Windows平台，且是不开源的 Gecko：代表作品Mozilla Firefox Netscape 6至

Canvas绘制图形 <!DOCTYPE HTML> <html> <body> <canvas id="my. Canvas" width="200" height="100" style="border: 1 px solid

Canvas使用图像 var img=new Image(); img. src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20760%20570%22%3E%3C/svg%3E' data-src=”my. Image. jpg”; draw. Image(img, x, y); //img是image或者canvas� 象，x和

HTML 5 Audio元素支持三种格式：ogg Vorbis、mp 3、wav control 属性供添加播放、� 停和音量控件 <audio src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20760%20570%22%3E%3C/svg%3E' data-src="/i/song. ogg" controls="controls"> Your browser

HTML 5 Audio audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式 <audio controls="controls"> <source src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20760%20570%22%3E%3C/svg%3E' data-src="song. ogg"

HTML 5 Vedio HTML 5 中显示视频： <video src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20760%20570%22%3E%3C/svg%3E' data-src="movie. ogg" controls="controls"> </video> control 属性供添加播放、暂停和音量控件

HTML 5 INPUT类型 HTML 5 拥有多个新的表单输入类型，这些新特性提供了更好的输入控制和验证。 email url number range Date pickers (date,

Slides: 30

Download presentation

目录 HTML 5简介 HTML 5的canvas元素 HTML 5的audio元素 HTML 5的vedio元素 HTML 5的Web存储 HTML 5的input类型 HTML 5的表单属性总结

什么是HTML 5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 5 是 W 3 C 与 WHATWG 合作的结果。 WHATWG 指 Web Hypertext Application Technology Working Group。 WHATWG 致力于 web 表单和应用程序在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

浏览器分类简介按内核分� ： Trident：又称� MSHTML，代表Internet Explorer 其他：Maxthon遨游、世界之窗、�� TT、Netcapter、Avant等等，但Trident只能 � 用于Windows平台，且是不开源的 Gecko：代表作品Mozilla Firefox Netscape 6至 9 能在Microsoft Windows、Linux和Mac. OS X等主要操作系� 上运行 Web. Kit：代表作品Safari、Chrome Presto：代表作品Opera

Canvas示例

Canvas绘制图形 <!DOCTYPE HTML> <html> <body> <canvas id="my. Canvas" width="200" height="100" style="border: 1 px solid #c 3 c 3 c 3; "> Your browser does not support the canvas element. </canvas> <script type="text/javascript"> var c=document. get. Element. By. Id("my. Canvas"); var cxt=c. get. Context("2 d"); cxt. move. To(10, 10); cxt. line. To(150, 50); cxt. line. To(10, 50); cxt. stroke(); </script> </body> </html>

Canvas使用图像 var img=new Image(); img. src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src=”my. Image. jpg”; draw. Image(img, x, y); //img是image或者canvas� 象，x和

Canvas使用图像 var img=new Image(); img. src=”my. Image. jpg”; draw. Image(img, x, y); //img是image或者canvas� 象，x和 y是其在目� canvas里的起始坐� draw. Image(img, x, y, width, height); // width 和 height 分� 是� 像在 canvas 中� 示大小

HTML 5 Audio元素支持三种格式：ogg Vorbis、mp 3、wav control 属性供添加播放、� 停和音量控件 <audio src="/i/song. ogg" controls="controls"> Your browser does not support the audio element. </audio>

HTML 5 Audio audio 元素允许多个 source 元素。source 元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式 <audio controls="controls"> <source src="song. ogg" type="audio/ogg"> <source src="song. mp 3" type="audio/mpeg"> Your browser does not support the audio tag. </audio>

HTML 5 Audio