HTML5概述题库.docxVIP

一、HTML5概述1、HTML5 是 HTML、XHTML 以及 HTML DOM 的新标准，由W3C 与 WHATWG合作创建的。W3C指 World Wide Web Consortium，万维网联盟。WHATWG 指 Web Hypertext Application Technology Working Group。2、HTML5 建立的一些规则：新特性应该基于 HTML、CSS、DOM 以及 JavaScript。减少对外部插件的需求（比如 Flash）更优秀的错误处理更多取代脚本的标记HTML5 应该独立于设备开发进程应对公众透明3、新特性用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、search4、浏览器支持情况注：IE8支持某一部分，如本地离线存储（sessionstorage与localstorage）二、HTML5 的video元素video元素是HTML5用于展示视频的标准。Web上的视频（video元素出现的背景）之前一直不存在网页上显示视频的标准，大多数视频是通过插件（如Flash）来显示。基本用法video src=视频文件 controls=controls/videoVideo实例（video.html）须打开一个IE窗口，否则会出现”打开此文件的应用程序未注册”PPT中添加动作，则可使用chrome打开video实例详解.docxvideo 元素支持三种视频格式：格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG 49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg = 带有Theora视频编码和Vorbis音频编码的Ogg文件MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件WebM = 带有 VP8 视频编码和Vorbis音频编码的WebM文件3、video标签的属性属性值描述autoplayautoplay如果出现该属性，则视频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。heightpixels设置视频播放器的高度。looploop如果出现该属性，则当媒介文件完成播放后再次开始播放。mutedmuted规定视频的音频输出应该被静音。posterURL规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。preloadpreload如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 autoplay，则忽略该属性。srcurl要播放的视频的 URL。widthpixels设置视频播放器的宽度。4、video - 方法、属性以及事件方法属性事件play()currentSrcplaypause()currentTimepauseload()videoWidthprogresscanPlayTypevideoHeighterror?durationtimeupdate?endedended?errorabort?pausedempty?mutedemptied?seekingwaiting?volumeloadedmetadata?height??width?三、音频audio?IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0OggVorbis?√√√?MP3√??√√Wav?√√?√audio 标签的属性属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。looploop如果出现该属性，则每当音频结束时重新开始播放。preloadpreload如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 autoplay，则忽略该属性。srcurl要播放的音频的 URL。Audio 对象属性属性描述audioTracks返回表示可用音频轨道的AudioTrackList对象。autoplay设置或返回是否在就绪（加载完成）后随即播放音频。buffered返回表示音频已缓冲部分的TimeRanges对象。controller返回表示音频当前媒体控制器的MediaController对象。controls设置或返回音频是否应该显示控件（比如播放/暂停等）。crossOrigin设置或返回音频的 CORS 设置。currentSrc