HTML 5 HTML 5canvas HTML 5audio HTML 5vedio
- Slides: 30
目录 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=”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
HTML 5 Vedio HTML 5 中显示视频： <video src="movie. ogg" controls="controls"> </video> control 属性供添加播放、暂停和音量控件
HTML 5 Vedio
HTML 5 INPUT类型 HTML 5 拥有多个新的表单输入类型，这些新特性 提供了更好的输入控制和验证。 email url number range Date pickers (date, month, week, time, datetime-local) search color
Thanks! OVER！