html5常用资料收集

1、文档来源为 :从网络收集整理.word 版本可编辑 .欢迎下载支持.html5 常用资料收集对于很想学习html5 和很想弄明白html5 究竟是个什么东西的童靴可以先收藏了这篇文章， 这是张鑫旭童鞋收集的关于html5 的有用的资料整理大全，例如一些常用到的 html5 新增的标签，已经 html5 新增的标签的用法和说明。俨然已经是一个 html5 的基础的入门教程了 ，相信对你会有用的，（ PS:通常资料性的文章，我们会有个小提示： Ctrl+D 可以收藏该文章哦，试试）一、前言兼图片备忘下图是我从网站上的这篇文章中备忘图片（已大小优化，因为图片较高，故滚动显示）。但是，上面毕竟是图片格

2、式（原图上兆），而且还是英文的，所以自己觉得有必要将上面的内容文字化，同时做下简单的中文翻译。整理一番，于是就有下面的些内容。二、文字备忘之标签1文档来源为 :从网络收集整理.word 版本可编辑 .欢迎下载支持.HTML5中新增的标签定义文章定义页面内容旁边的内容定义声音内容定义图形定义一个控制按钮指树或表格状数据格式中的动态数据定义一个下拉列表定义一个元素的细节定义会话或人的交谈定义额外的交互内容或插件定义指定元素的标题定义一组媒体内容，以及他们的标题为章节或页面定义一个底部为章节或页面定义一个头部定义文档中某段落的信息定义表单生成的关键定义被标记的文本定义预定义范围内的测量定义导航链接定

3、义某种类型的输出定义任意种类任务的进程定义浏览器不支持 ruby 元素的替代者定义 ruby注释的解释定义 ruby注释（中文注音或字符）。定义章节定义媒体资源定义某 detail 元素的头部定义日期 / 时间定义视频定义可能的换行HTML5支持且同时存在于 HTML4中的标签定义注释定义文档类型定义超链接定义缩写定义地址元素定义图片地图的某区域定义加粗文字定义整个页面的基础 URL定义文本显示的方向定义一个长引用2文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .定义主体元素插入单个的换行定义按钮定义表格的标题定义引用定义计算机代码文本定义表格列的属性定义表格列的组定义

4、个定义描述定义删除文本定义个定义项定义文档章节定义定义列表定义定义项定义强调文本定义控件组定义表单 到定义头部 1 到头部 6定义文档信息定义水平线定义个 html 文档定义倾斜文本定义内联替代窗口（框架）定义个图片定义输入域定义插入文本定义键盘文本定义表单控件的标签定义控件组的标题定义列表项定义相关资源定义图片地图定义菜单列表定义元信息定义无脚本章节定义内嵌对象定义一个有序列表定义个选项组定义下拉列表选项定义段落定义 object 的参数定义预格式化文本3文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .定义短引用定义不再正确的文本定义简单的计算机代码定义脚本定义可选择

5、列表定义小点的文本定义文档章节定义强调的文字定义一个样式定义定义下标文字定义上标文字定义表格定义表格的主体定义表格单元格定义文本域定义表格底部定义表格头定义表格头定义文档的标题定义表格行定义无序列表定义变量HTML5不支持的标签在 HTML4.01 中定义首字母缩略词定义内嵌的小应用程序定义文档中基本的字体属性让文字变大点居中显示文字或内容定义目录列表指定字体种类，大小，颜色等在框架集中定义独有的窗体定义框架集，包含多个窗体当浏览器不支持框架的时候显示文字定义删除线文本定义电传打字机文本定义下划线文字定义格式化的文字三、 HTML5文字备忘之全局属性HTML5新添加全局属性contentedi

6、table指定是否允许用户编辑内容4文档来源为 :从网络收集整理.word 版本可编辑 .欢迎下载支持.true | false定义元素的上下文菜单contextmenumenu id指定是否允许用户拖拽元素draggabletrue|false|auto指定当拖拽数据放开的时候会发生什么dropzonecopy|move|link指定元素不相干hiddenhidden指定是否元素要进行拼写检查spellchecktrue | false已存在的全局属性指定访问元素的快捷键accesskey字符 (character)指定元素的类名（为样式表）class类名 (classname)指定元素文本

7、内容的对齐方向dirltr|rtl为元素指定唯一的ididid为元素内容指定语言代码lang语言代码 (language code)指定元素的内联样式style样式定义 (style definition)指定元素的 tab 顺序tabindex数值 (nubmer)指定元素额外的信息title文本 (text)四、 HTML5文字备忘之事件属性1. window对象5文档来源为 :从网络收集整理.word 版本可编辑 .欢迎下载支持.window 新增事件属性onafterprint在文档打印之后执行onbeforeprint在文档打印之前执行onbeforeloaded在文档加载完毕之前执

8、行onerror当错误发生时执行onhaschange当文档发生改变的时候执行onmessage当该信息被触发的时候执行onoffline当文档离线的时候执行ononline当文档上线的时候执行onpagehide当窗体隐藏的时候执行onpageshow当窗体显示的时候执行onpopstate当窗体历史改变的时候执行onredo当文档执行恢复上一次操作的时候执行onresize当窗体大小改变的时候执行onstorage当文档加载 ok 的时候执行onondo当文档执行恢复之前一次操作的时候执行onunload当用户离开文档的时候执行window 已存在事件属性onblur当窗体失去焦点的时候执

9、行onfocus当窗体获得焦点的时候执行onload当文档加载完毕的时候执行form 表单的事件属性form 表单新增事件属性oncontextmenu当上下文菜单被触发的时候执行onformchange当表单发生改变的时候执行onforminput当表单获得用户输入时候执行oninput当元素获得用户输入的时候执行oninvalid当元素验证无效的时候执行form 表单已支持事件属性onblur当元素失去焦点的时候执行onchange当元素改变的时候执行onfocus当元素获得焦点的时候执行onselect当元素被选择的时候执行onsubmit当表单被提交的时候执行HTML5不支持的form

10、 表单事件属性onreset当表单重置的时候执行键盘事件已存在的键盘事件属性onkeydown当键按下的时候执行onkeypress当键按下并释放的时候执行6文档来源为 :从网络收集整理.word 版本可编辑 .欢迎下载支持.onkeyup当键抬起的时候执行鼠标事件HTML5新增鼠标事件属性ondragondragendondragenterondragleaveondragoverondragstartondroponmouswheelonscroll当元素被拖拽的时候执行当元素拖拽操作结束的时候执行当元素拖拽进入释放对象的时候当元素拖拽离开释放对象的时候当元素拖拽经过释放对象的时候当元素拖

11、拽操作开始的时候执行当拖拽元素被放开的时候当鼠标滑轮滚动的时候执行当元素的滚动条滚动的时候执行已存在的鼠标事件属性onclickondbclickonmousedownonmousemoveonmouseoutonmouseoveronmouseup媒体事件HTML5中新增媒体事件当鼠标点击的时候执行当鼠标双击的时候执行当鼠标按下的时候执行当鼠标移动的时候执行当鼠标移出元素的时候执行当属性进入元素的时候执行当鼠标抬起的时候执行oncanplayoncanplaythroughondurationchangeonemptiedonendedonerroronloadeddataonloadedm

12、etadataonloadstartonpauseonplayonplayingonprogressonratechangeonreadystatechangeonseekedonseekingonstalledonsuspend当媒体可以播放的时候执行当媒体可以播放到最后的时候执行当媒体长度改变的时候执行当媒体资源元素变成空的时候执行当媒体已经到达最后的时候执行当加载元素发生错误的时候执行当媒体数据加载完毕的时候执行当媒体元素的持续时间加载完毕的时候执行当浏览器开始加载媒体数据的时候执行当媒体数据暂停的时候执行当媒体数据继续开始播放的时候执行当媒体数据已经开始播放的时候执行在浏览器正在获取媒

13、体数据的时候执行当媒体数据播放比率发生改变的时候执行当 ready-state 发生改变的时候执行当元素的 seeking 属性不是 true 的时候执行当元素的 seeking 属性是 true 的时候执行当获取元素数据发生错误的时候执行当浏览器停止获取媒体数据的时候执行7文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持 .ontimeupdate当媒体改变其播放位置的时候执行onvolumechange当媒体音量大小发生改变的时候执行，包括无声onwaiting当媒体元素停止播放的时候已存在的媒体事件属性onabort碰到 abort的时候执行五、 HTML5文字备忘之浏览器的准备情况支持：不支持：部分支持：注： 下表格最右侧三栏指移动设备上的浏览器支持情况。HTML5文字备忘之浏览器的准备情况811.10.3.6 9.0 5.02.3 4.500Details & Summary元素WebGL3D Canvas制图HTML5中内联 SVGDatalist元素Progress & MeterclassList(DOMTokenLis