本文介绍了HTML5的基本概念及新特性，包括视频和音频元素的使用，支持的多种格式及控制方法。同时，详细讲解了拖放功能的实现步骤，使元素具备拖放能力。此外，探讨了画布（canvas）元素在网页上的图像绘制，通过JavaScript进行操作。最后，对比了SVG与画布的区别，SVG作为矢量图形在质量和交互方面的优势。
一：HTML5简介
HTML5将成为HTML,XHTML,以及HTML DOM的新标准。
HTML5仍然处于完善之中。
有趣的新特性：用于绘画的canvas元素；媒介回访的video,audio元素；特殊内容元素；新的表单元素等。
二：视频/音频
1：<video src="movie.ogg" controls="controls”></video> control属性提供播放，暂停和音量控件。<video>和</video>之间的内容供不支持video的浏览器奈显示。
视频格式：ogg,mpeg 4,webm；不同的视频格式对浏览器的支持不同
2：<video>使用DOM进行控制，设置播放，暂停，音量等方法。
常用方法，属性：play()播放，pause()暂停；等。
3：<audio></audio>播放视频，三种格式：ogg，mp3，wav
三：拖放
拖放是HTML5标准的组成部分。任何元素都可以拖放。
1：设置元素为可拖放 <img draggable="true" />
2：拖动什么：ondragstart属性调用函数，处理拖动的数据
3：放到何处：ondragover事件规定在何处放置数据
<
最低0.47元/天 解锁文章
543
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
