HTML 5 教程 – 04拖放

拖放(Drag 和 drop)是 HTML5 标准的组成部分。 拖放: 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 浏览器支持 Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 注释:在 Safari 5.1.2 中不支持拖放。 HTML5 拖放实例: <!DOCTYPE HTML> <html> <head> <script type=”text/javascript”> function allowDrop(ev) { ev.preventDefault(); } function drag(ev …

HTML 5 教程 – 03音频

HTML5 提供了播放音频的标准。 Web 上的音频 直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。 音频格式 当前,audio 元素支持三种音频格式: IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0 Ogg Vorbis √ √ √ MP3 √ √ √ Wav √ √ √ 如何工作 如需在 HTML5 中播放音频,您所有需要的是: <audio src=”song.ogg” controls=”controls”> …

HTML 5 教程 – 02视频Video + DOM

Web 上的视频: 直到现在,仍然不存在一项旨在网页上显示视频的标准。 今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素来包含视频的标准方法。 视频格式: 当前,video 元素支持三种视频格式: 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM …

HTML 5 教程 – 01简介

HTML5 是下一代的 HTML, 这里讲解 HTML5 中的新特性。 实例: <!DOCTYPE HTML> <html> <body> <video width=”320″ height=”240″ controls=”controls”> <source src=”movie.ogg” type=”video/ogg”> <source src=”movie.mp4″ type=”video/mp4″> Your browser does not support the video tag. </video> </body> </html> HTML5 将成为 HTML、XHTM …