引言
如果要快速入门HTML,10分钟快速浏览HTML元素的标签、属性及其事件。
这样就像一个工具字典进行使用。
1、标签列表
| 标签 | 描述 |
| <!–…–> | 定义注释。 |
| <!DOCTYPE> | 定义文档类型。 |
| <a> | 定义超链接。 |
| <abbr> | 定义缩写。 |
| <acronym> | HTML 5 中不支持。定义首字母缩写。 |
| <address> | 定义地址元素。 |
| <applet> | HTML 5 中不支持。定义 applet。 |
| <area> | 定义图像映射中的区域。 |
| <article> | 定义 article。 |
| <aside> | 定义页面内容之外的内容。 |
| <audio> | 定义声音内容。 |
| <b> | 定义粗体文本。 |
| <base> | 定义页面中所有链接的基准 URL。 |
| <basefont> | HTML 5 中不支持。请使用 CSS 代替。 |
| <bdi> | 定义文本的文本方向，使其脱离其周围文本的方向设置。 |
| <bdo> | 定义文本显示的方向。 |
| <big> | HTML 5 中不支持。定义大号文本。 |
| <blockquote> | 定义长的引用。 |
| <body> | 定义 body 元素。 |
| <br> | 插入换行符。 |
| <button> | 定义按钮。 |
| <canvas> | 定义图形。 |
| <caption> | 定义表格标题。 |
| <center> | HTML 5 中不支持。定义居中的文本。 |
| <cite> | 定义引用。 |
| <code> | 定义计算机代码文本。 |
| <col> | 定义表格列的属性。 |
| <colgroup> | 定义表格列的分组。 |
| <command> | 定义命令按钮。 |
| <datalist> | 定义下拉列表。 |
| <dd> | 定义定义的描述。 |
| <del> | 定义删除文本。 |
| <details> | 定义元素的细节。 |
| <dfn> | 定义定义项目。 |
| <dir> | HTML 5 中不支持。定义目录列表。 |
| <div> | 定义文档中的一个部分。 |
| <dl> | 定义定义列表。 |
| <dt> | 定义定义的项目。 |
| <em> | 定义强调文本。 |
| <embed> | 定义外部交互内容或插件。 |
| <fieldset> | 定义 fieldset。 |
| <figcaption> | 定义 figure 元素的标题。 |
| <figure> | 定义媒介内容的分组，以及它们的标题。 |
| <font> | HTML 5 中不支持。 |
| <footer> | 定义 section 或 page 的页脚。 |
| <form> | 定义表单。 |
| <frame> | HTML 5 中不支持。定义子窗口（框架）。 |
| <frameset> | HTML 5 中不支持。定义框架的集。 |
| <h1> to <h6> | 定义标题 1 到标题 6。 |
| <head> | 定义关于文档的信息。 |
| <header> | 定义 section 或 page 的页眉。 |
| <hgroup> | 定义有关文档中的 section 的信息。 |
| 定义水平线。 | |
| <html> | 定义 html 文档。 |
| <i> | 定义斜体文本。 |
| <iframe> | 定义行内的子窗口（框架）。 |
| <img> | 定义图像。 |
| <input> | 定义输入域。 |
| <ins> | 定义插入文本。 |
| <keygen> | 定义生成密钥。 |
| <isindex> | HTML 5 中不支持。定义单行的输入域。 |
| <kbd> | 定义键盘文本。 |
| <label> | 定义表单控件的标注。 |
| <legend> | 定义 fieldset 中的标题。 |
| <li> | 定义列表的项目。 |
| <link> | 定义资源引用。 |
| <map> | 定义图像映射。 |
| <mark> | 定义有记号的文本。 |
| <menu> | 定义菜单列表。 |
| <meta> | 定义元信息。 |
| <meter> | 定义预定义范围内的度量。 |
| <nav> | 定义导航链接。 |
| <noframes> | HTML 5 中不支持。定义 noframe 部分。 |
| <noscript> | 定义 noscript 部分。 |
| <object> | 定义嵌入对象。 |
| <ol> | 定义有序列表。 |
| <optgroup> | 定义选项组。 |
| <option> | 定义下拉列表中的选项。 |
| <output> | 定义输出的一些类型。 |
| <p> | 定义段落。 |
| <param> | 为对象定义参数。 |
| <pre> | 定义预格式化文本。 |
| <progress> | 定义任何类型的任务的进度。 |
| <q> | 定义短的引用。 |
| <rp> | 定义若浏览器不支持 ruby 元素显示的内容。 |
| <rt> | 定义 ruby 注释的解释。 |
| <ruby> | 定义 ruby 注释。 |
| <s> | HTML 5 中不支持。定义加删除线的文本。 |
| <samp> | 定义样本计算机代码。 |
| <script> | 定义脚本。 |
| <section> | 定义 section。 |
| <select> | 定义可选列表。 |
| <small> | 将旁注 (side comments) 呈现为小型文本。 |
| <source> | 定义媒介源。 |
| <span> | 定义文档中的 section。 |
| <strike> | HTML 5 中不支持。定义加删除线的文本。 |
| <strong> | 定义强调文本。 |
| <style> | 定义样式定义。 |
| <sub> | 定义下标文本。 |
| <summary> | 定义 details 元素的标题。 |
| <sup> | 定义上标文本。 |
| <table> | 定义表格。 |
| <tbody> | 定义表格的主体。 |
| <td> | 定义表格单元。 |
| <textarea> | 定义 textarea。 |
| <tfoot> | 定义表格的脚注。 |
| <th> | 定义表头。 |
| <thead> | 定义表头。 |
| <time> | 定义日期/时间。 |
| <title> | 定义文档的标题。 |
| <tr> | 定义表格行。 |
| <track> | 定义用在媒体播放器中的文本轨道。 |
| <tt> | HTML 5 中不支持。定义打字机文本。 |
| <u> | HTML 5 中不支持。定义下划线文本。 |
| <ul> | 定义无序列表。 |
| <var> | 定义变量。 |
| <video> | 定义视频。 |
| <xmp> | HTML 5 中不支持。定义预格式文本。 |
2、HTML 5 标准属性
3、全局事件属性
全局事件属性
HTML 4 增加了使事件在浏览器中触发动作的能力，比如当用户点击元素时启动 JavaScript。
下面列出了添加到 HTML 元素以定义事件动作的全局事件属性。
HTML5= HTML5 中新的事件属性。
Window 事件属性
针对 window 对象触发的事件（应用到 <body> 标签）：
| 属性 | 值 | 描述 |
|---|---|---|
onafterprint HTML5
|
script | 文档打印之后运行的脚本。 |
onbeforeprint HTML5
|
script | 文档打印之前运行的脚本。 |
onbeforeunload HTML5
|
script | 文档卸载之前运行的脚本。 |
onerror HTML5
|
script | 在错误发生时运行的脚本。 |
onhaschange HTML5
|
script | 当文档已改变时运行的脚本。 |
| onload | script | 页面结束加载之后触发。 |
onmessage HTML5
|
script | 在消息被触发时运行的脚本。 |
onoffline HTML5
|
script | 当文档离线时运行的脚本。 |
ononline HTML5
|
script | 当文档上线时运行的脚本。 |
onpagehide HTML5
|
script | 当窗口隐藏时运行的脚本。 |
onpageshow HTML5
|
script | 当窗口成为可见时运行的脚本。 |
onpopstateHTML5
|
script | 当窗口历史记录改变时运行的脚本。 |
onredo HTML5
|
script | 当文档执行撤销（redo）时运行的脚本。 |
onresize HTML5
|
script | 当浏览器窗口被调整大小时触发。 |
onstorage HTML5
|
script | 在 Web Storage 区域更新后运行的脚本。 |
onundo HTML5
|
script | 在文档执行 undo 时运行的脚本。 |
onunload HTML5
|
script | 一旦页面已下载时触发（或者浏览器窗口已被关闭）。 |
Form 事件
由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）：
| 属性 | 值 | 描述 |
|---|---|---|
| onblur | script | 元素失去焦点时运行的脚本。 |
| onchange | script | 在元素值被改变时运行的脚本。 |
oncontextmenu HTML5
|
script | 当上下文菜单被触发时运行的脚本。 |
| onfocus | script | 当元素获得焦点时运行的脚本。 |
onformchange HTML5
|
script | 在表单改变时运行的脚本。 |
onforminput HTML5
|
script | 当表单获得用户输入时运行的脚本。 |
oninput HTML5
|
script | 当元素获得用户输入时运行的脚本。 |
oninvalid HTML5
|
script | 当元素无效时运行的脚本。 |
| onreset | script | 当表单中的重置按钮被点击时触发。HTML5 中不支持。 |
| onselect | script | 在元素中文本被选中后触发。 |
| onsubmit | script | 在提交表单时触发。 |
Keyboard 事件
| 属性 | 值 | 描述 |
|---|---|---|
| onkeydown | script | 在用户按下按键时触发。 |
| onkeypress | script | 在用户敲击按钮时触发。 |
| onkeyup | script | 当用户释放按键时触发。 |
Mouse 事件
由鼠标或类似用户动作触发的事件：
| 属性 | 值 | 描述 |
|---|---|---|
| onclick | script | 元素上发生鼠标点击时触发。 |
| ondblclick | script | 元素上发生鼠标双击时触发。 |
ondrag HTML5
|
script | 元素被拖动时运行的脚本。 |
ondragend HTML5
|
script | 在拖动操作末端运行的脚本。 |
ondragenter HTML5
|
script | 当元素元素已被拖动到有效拖放区域时运行的脚本。 |
ondragleave HTML5
|
script | 当元素离开有效拖放目标时运行的脚本。 |
ondragover HTML5
|
script | 当元素在有效拖放目标上正在被拖动时运行的脚本。 |
ondragstart HTML5
|
script | 在拖动操作开端运行的脚本。 |
ondrop HTML5
|
script | 当被拖元素正在被拖放时运行的脚本。 |
| onmousedown | script | 当元素上按下鼠标按钮时触发。 |
| onmousemove | script | 当鼠标指针移动到元素上时触发。 |
| onmouseout | script | 当鼠标指针移出元素时触发。 |
| onmouseover | script | 当鼠标指针移动到元素上时触发。 |
| onmouseup | script | 当在元素上释放鼠标按钮时触发。 |
onmousewheel HTML5
|
script | 当鼠标滚轮正在被滚动时运行的脚本。 |
onscroll HTML5
|
script | 当元素滚动条被滚动时运行的脚本。 |
Media 事件
由媒介（比如视频、图像和音频）触发的事件（适用于所有 HTML 元素，但常见于媒介元素中，比如 <audio>、<embed>、<img>、<object> 以及 <video>）:
| 属性 | 值 | 描述 |
|---|---|---|
| onabort | script | 在退出时运行的脚本。 |
oncanplay HTML5
|
script | 当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。 |
oncanplaythrough HTML5
|
script | 当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。 |
ondurationchange HTML5
|
script | 当媒介长度改变时运行的脚本。 |
onemptied HTML5
|
script | 当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）。 |
onended HTML5
|
script | 当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。 |
onerror HTML5
|
script | 当在文件加载期间发生错误时运行的脚本。 |
onloadeddata HTML5
|
script | 当媒介数据已加载时运行的脚本。 |
onloadedmetadata HTML5
|
script | 当元数据（比如分辨率和时长）被加载时运行的脚本。 |
onloadstart HTML5
|
script | 在文件开始加载且未实际加载任何数据前运行的脚本。 |
onpause HTML5
|
script | 当媒介被用户或程序暂停时运行的脚本。 |
onplay HTML5
|
script | 当媒介已就绪可以开始播放时运行的脚本。 |
onplaying HTML5
|
script | 当媒介已开始播放时运行的脚本。 |
onprogress HTML5
|
script | 当浏览器正在获取媒介数据时运行的脚本。 |
onratechange HTML5
|
script | 每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。 |
onreadystatechange HTML5
|
script | 每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。 |
onseeked HTML5
|
script | 当 seeking 属性设置为 false（指示定位已结束）时运行的脚本。 |
onseeking HTML5
|
script | 当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本。 |
onstalled HTML5
|
script | 在浏览器不论何种原因未能取回媒介数据时运行的脚本。 |
onsuspend HTML5
|
script | 在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。 |
ontimeupdate HTML5
|
script | 当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。 |
onvolumechange HTML5
|
script | 每当音量改变时（包括将音量设置为静音）时运行的脚本。 |
| onwaiting | script | 当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本 |
