Html5 笔记

Html5笔记1、基础代码含义DTD声明：!doctypehtml结构标签：(块状元素)有意义的divarticle标记定义一篇文章header标记定义一个页面或一个区域的头部nav标记定义导航链接section标记定义一个区域aside标记定义页面内容部分的侧边栏hgroup标记定义文件中一个区块的相关信息figure标记定义一组媒体内容以及它们的标题figcaption标签定义figure元素的标题。footer标记定义一个页面或一个区域的底部dialog标记定义一个对话框(会话框)类似微信多媒体交互标签video标记定义一个视频audio标记定义音频内容source标记定义媒体资源canvas标记定义图片embed标记定义外部的可交互的内容或插件比如flashWeb应用标签menu命令列表menuitemmenu命令列表标签FF（嵌入系统）commandmenu标记定义一个命令按钮meter状态标签(实时状态显示:气压、气温)C、Oprogress状态标签(任务过程:安装、加载)C、F、Odatalist为input标记定义一个下拉列表,配合optionF、Odetails标记定义一个元素的详细内容，配合dt、ddC注释标签ruby标记定义注释或音标rp告诉那些不支持Ruby元素的浏览器如何去显示rt标记定义对ruby的注释内容文本其他标签keygen标记定义表单里一个生成的键值(加密信息传送)O、Fmark标记定义有标记的文本(黄色选中状态)output标记定义一些输出类型,计算表单结果配合oninput事件time标记定义一个日期/时间目前所有主流浏览器都不支持HTML元素HTML5中的意义b代表内联文本，通常是粗体，没有传递表示重要的意思i代表内联文本，通常是斜体，没有传递表示重要的意思dd可以同details与figure一同使用，定义包含文本，dialog也可用dt可以同details与figure一同使用，汇总细节，dialog也可用hr表示主题结束，而不是水平线，虽然显示相同menu重新定义用户界面的菜单，配合commond或者menuitem使用small表示小字体，例如打印注释或者法律条款strong表示重要性而不是强调符号2、视音频标签HTML5支持的视频格式：Ogg=带有Theora视频编码+Vorbis音频编码的Ogg文件支持的浏览器:F、C、OMEPG4=带有H.264视频编码+AAC音频编码的MPEG4文件支持的浏览器:S、CWebM=带有VP8视频编码+Vorbis音频编码的WebM格式支持的浏览器:I、F、C、OVideo的使用videosrc=文件地址controls=controls/videovideosrc=文件地址controls=controls您的浏览器暂不支持video标签。播放视频/videovideocontrols=controlswidth=300sourcesrc=move.oggtype=video/oggsourcesrc=move.mp4type=video/mp4您的浏览器暂不支持video标签。播放视频/videoVideo的常见属性属性值描述AutoplayAutoplay视频就绪自动播放controlscontrols向用户显示播放控件WidthPixels(像素)设置播放器宽度HeightPixels(像素)设置播放器高度LoopLoop播放完是否继续播放该视频，循环播放PreloadProload是否等加载完再播放Srcurl视频url地址PosterImgurl加载等待的画面图片AutobufferAutobuffer设置为浏览器缓冲方式，不设置autoply才有效Video的API方法方法属性事件play()currentSrcplaypause()currentTimepauseload()videoWidthprogresscanPlayTypevideoHeighterrorVideo的API属性属性说明audioTracks返回可用的音轨列表（MultipleTrackList对象）autoplay媒体加载后自动播放buffered返回缓冲部件的时间范围(TimeRanges对象)controller返回当前的媒体控制器（MediaController对象）controls显示播控控件crossOriginCORS设置currentSrc返回当前媒体的URLcurrentTime当前播放的时间，单位秒(快进快退10秒)defaultMuted缺省是否静音defaultPlaybackRate播控的缺省倍速duration返回媒体的播放总时长，单位秒ended返回当前播放是否结束标志error返回当前播放的错误状态initialTime返回初始播放的位置loop是否循环播放mediaGroup当前音视频所属媒体组(用来链接多个音视频标签)muted是否静音networkState返回当前网络状态paused是否暂停playbackRate播放的倍速(加速、减速播放)played当前播放部件已经播放的时间范围(TimeRanges对象)preload页面加载时是否同时加载音视频readyState返回当前的准备状态seekable返回当前可跳转部件的时间范围(TimeRanges对象)seeking返回用户是否做了跳转操作src当前音视频源的URLstartOffsetTime返回当前的时间偏移(Date对象)textTracks返回可用的文本轨迹(TextTrackList对象)videoTracks返回可用的视频轨迹(VideoTrackList对象)volume音量值Video的常用事件事件描述abort当音视频加载被异常终止时产生该事件canplay当浏览器可以开始播放该音视频时产生该事件canplaythrough当浏览器可以开始播放该音视频到结束而无需因缓冲而停止时产生该事件durationchange当媒体的总时长改变时产生该事件emptied当前播放列表为空时产生该事件ended当前播放列表结束时产生该事件error当加载媒体发生错误时产生该事件loadeddata当加载媒体数据时产生该事件loadedmetadata当收到总时长，分辨率和字轨等metadata时产生该事件loadstart当开始查找媒体数据时产生该事件pause当媒体暂停时产生该事件play当媒体播放时产生该事件playing当媒体从因缓冲而引起的暂停和停止恢复到播放时产生该事件progress当获取到媒体数据时产生该事件ratechange当播放倍数改变时产生该事件seeked当用户完成跳转时产生该事件seeking当用户正执行跳转时操作的时候产生该事件stalled当试图获取媒体数据，但数据还不可用时产生该事件suspend当获取不到数据时产生该事件timeupdate当前播放位置发生改变时产生该事件volumechange当前音量发生改变时产生该事件waiting当视频因缓冲下一帧而停止时产生该事件HTML5支持的音频格式：Ogg免费支持的浏览器:C、F、OMP3收费支持的浏览器:I、C、SWav收费支持的浏览器:F、O、S3、audio的使用audiosrc=文件地址controls=controls/audioaudiosrc=文件地址controls=controls您的浏览器暂不支持audio标签。播放视频/videoaudiocontrols=controlssourcesrc=happy.MP3type=video/mpegsourcesrc=happy.oggtype=video/ogg您的浏览器暂不支持audio标签。播放视频/audioaudio的常见属性属性值描述autoplayautoplay如果出现该属性，则音频在就绪后马上播放。controlscontrols如果出现该属性，则向用户显示控件，比如播放按钮。looploop如果出现该属性，则每当音频结束时重新开始播放。preloadpreload如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用autoplay，则忽略该属性。srcurl要播放的音频的URL。