引言
如果要快速入門HTML,10分鐘快速瀏覽HTML元素的標(biāo)簽崇猫、屬性及其事件沈条。
這樣就像一個工具字典進(jìn)行使用。
1诅炉、標(biāo)簽列表
| 標(biāo)簽 | 描述 |
| <!–…–> | 定義注釋蜡歹。 |
| <!DOCTYPE> | 定義文檔類型。 |
| <a> | 定義超鏈接涕烧。 |
| <abbr> | 定義縮寫月而。 |
| <acronym> | HTML 5 中不支持。定義首字母縮寫议纯。 |
| <address> | 定義地址元素父款。 |
| <applet> | HTML 5 中不支持。定義 applet瞻凤。 |
| <area> | 定義圖像映射中的區(qū)域憨攒。 |
| <article> | 定義 article。 |
| <aside> | 定義頁面內(nèi)容之外的內(nèi)容鲫构。 |
| <audio> | 定義聲音內(nèi)容浓恶。 |
| <b> | 定義粗體文本。 |
| <base> | 定義頁面中所有鏈接的基準(zhǔn) URL结笨。 |
| <basefont> | HTML 5 中不支持包晰。請使用 CSS 代替。 |
| <bdi> | 定義文本的文本方向炕吸，使其脫離其周圍文本的方向設(shè)置伐憾。 |
| <bdo> | 定義文本顯示的方向。 |
| <big> | HTML 5 中不支持赫模。定義大號文本树肃。 |
| <blockquote> | 定義長的引用。 |
| <body> | 定義 body 元素瀑罗。 |
| <br> | 插入換行符胸嘴。 |
| <button> | 定義按鈕雏掠。 |
| <canvas> | 定義圖形。 |
| <caption> | 定義表格標(biāo)題劣像。 |
| <center> | HTML 5 中不支持乡话。定義居中的文本。 |
| <cite> | 定義引用耳奕。 |
| <code> | 定義計算機(jī)代碼文本绑青。 |
| <col> | 定義表格列的屬性。 |
| <colgroup> | 定義表格列的分組屋群。 |
| <command> | 定義命令按鈕闸婴。 |
| <datalist> | 定義下拉列表。 |
| <dd> | 定義定義的描述芍躏。 |
| <del> | 定義刪除文本邪乍。 |
| <details> | 定義元素的細(xì)節(jié)。 |
| <dfn> | 定義定義項目对竣。 |
| <dir> | HTML 5 中不支持溺欧。定義目錄列表。 |
| <div> | 定義文檔中的一個部分柏肪。 |
| <dl> | 定義定義列表姐刁。 |
| <dt> | 定義定義的項目。 |
| <em> | 定義強(qiáng)調(diào)文本烦味。 |
| <embed> | 定義外部交互內(nèi)容或插件聂使。 |
| <fieldset> | 定義 fieldset。 |
| <figcaption> | 定義 figure 元素的標(biāo)題谬俄。 |
| <figure> | 定義媒介內(nèi)容的分組柏靶，以及它們的標(biāo)題。 |
| <font> | HTML 5 中不支持溃论。 |
| <footer> | 定義 section 或 page 的頁腳屎蜓。 |
| <form> | 定義表單。 |
| <frame> | HTML 5 中不支持钥勋。定義子窗口（框架）炬转。 |
| <frameset> | HTML 5 中不支持。定義框架的集算灸。 |
| <h1> to <h6> | 定義標(biāo)題 1 到標(biāo)題 6扼劈。 |
| <head> | 定義關(guān)于文檔的信息。 |
| <header> | 定義 section 或 page 的頁眉菲驴。 |
| <hgroup> | 定義有關(guān)文檔中的 section 的信息荐吵。 |
| 定義水平線。 | |
| <html> | 定義 html 文檔。 |
| <i> | 定義斜體文本先煎。 |
| <iframe> | 定義行內(nèi)的子窗口（框架）贼涩。 |
| <img> | 定義圖像。 |
| <input> | 定義輸入域薯蝎。 |
| <ins> | 定義插入文本磁携。 |
| <keygen> | 定義生成密鑰。 |
| <isindex> | HTML 5 中不支持良风。定義單行的輸入域。 |
| <kbd> | 定義鍵盤文本闷供。 |
| <label> | 定義表單控件的標(biāo)注烟央。 |
| <legend> | 定義 fieldset 中的標(biāo)題。 |
| <li> | 定義列表的項目歪脏。 |
| <link> | 定義資源引用疑俭。 |
| <map> | 定義圖像映射。 |
| <mark> | 定義有記號的文本婿失。 |
| <menu> | 定義菜單列表钞艇。 |
| <meta> | 定義元信息。 |
| <meter> | 定義預(yù)定義范圍內(nèi)的度量豪硅。 |
| <nav> | 定義導(dǎo)航鏈接哩照。 |
| <noframes> | HTML 5 中不支持。定義 noframe 部分懒浮。 |
| <noscript> | 定義 noscript 部分飘弧。 |
| <object> | 定義嵌入對象。 |
| <ol> | 定義有序列表砚著。 |
| <optgroup> | 定義選項組次伶。 |
| <option> | 定義下拉列表中的選項。 |
| <output> | 定義輸出的一些類型稽穆。 |
| <p> | 定義段落冠王。 |
| <param> | 為對象定義參數(shù)。 |
| <pre> | 定義預(yù)格式化文本舌镶。 |
| <progress> | 定義任何類型的任務(wù)的進(jìn)度柱彻。 |
| <q> | 定義短的引用。 |
| <rp> | 定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容餐胀。 |
| <rt> | 定義 ruby 注釋的解釋绒疗。 |
| <ruby> | 定義 ruby 注釋。 |
| <s> | HTML 5 中不支持骂澄。定義加刪除線的文本吓蘑。 |
| <samp> | 定義樣本計算機(jī)代碼。 |
| <script> | 定義腳本。 |
| <section> | 定義 section磨镶。 |
| <select> | 定義可選列表溃蔫。 |
| <small> | 將旁注 (side comments) 呈現(xiàn)為小型文本。 |
| <source> | 定義媒介源琳猫。 |
| <span> | 定義文檔中的 section伟叛。 |
| <strike> | HTML 5 中不支持。定義加刪除線的文本脐嫂。 |
| <strong> | 定義強(qiáng)調(diào)文本统刮。 |
| <style> | 定義樣式定義。 |
| <sub> | 定義下標(biāo)文本账千。 |
| <summary> | 定義 details 元素的標(biāo)題侥蒙。 |
| <sup> | 定義上標(biāo)文本。 |
| <table> | 定義表格匀奏。 |
| <tbody> | 定義表格的主體鞭衩。 |
| <td> | 定義表格單元。 |
| <textarea> | 定義 textarea娃善。 |
| <tfoot> | 定義表格的腳注论衍。 |
| <th> | 定義表頭。 |
| <thead> | 定義表頭聚磺。 |
| <time> | 定義日期/時間坯台。 |
| <title> | 定義文檔的標(biāo)題。 |
| <tr> | 定義表格行瘫寝。 |
| <track> | 定義用在媒體播放器中的文本軌道捂人。 |
| <tt> | HTML 5 中不支持。定義打字機(jī)文本矢沿。 |
| <u> | HTML 5 中不支持滥搭。定義下劃線文本。 |
| <ul> | 定義無序列表捣鲸。 |
| <var> | 定義變量瑟匆。 |
| <video> | 定義視頻。 |
| <xmp> | HTML 5 中不支持栽惶。定義預(yù)格式文本愁溜。 |
2、HTML 5 標(biāo)準(zhǔn)屬性
3外厂、全局事件屬性
全局事件屬性
HTML 4 增加了使事件在瀏覽器中觸發(fā)動作的能力冕象，比如當(dāng)用戶點擊元素時啟動 JavaScript。
下面列出了添加到 HTML 元素以定義事件動作的全局事件屬性汁蝶。
HTML5= HTML5 中新的事件屬性渐扮。
Window 事件屬性
針對 window 對象觸發(fā)的事件（應(yīng)用到 <body> 標(biāo)簽）：
| 屬性 | 值 | 描述 |
|---|---|---|
onafterprint HTML5
|
script | 文檔打印之后運(yùn)行的腳本论悴。 |
onbeforeprint HTML5
|
script | 文檔打印之前運(yùn)行的腳本。 |
onbeforeunload HTML5
|
script | 文檔卸載之前運(yùn)行的腳本墓律。 |
onerror HTML5
|
script | 在錯誤發(fā)生時運(yùn)行的腳本膀估。 |
onhaschange HTML5
|
script | 當(dāng)文檔已改變時運(yùn)行的腳本。 |
| onload | script | 頁面結(jié)束加載之后觸發(fā)耻讽。 |
onmessage HTML5
|
script | 在消息被觸發(fā)時運(yùn)行的腳本察纯。 |
onoffline HTML5
|
script | 當(dāng)文檔離線時運(yùn)行的腳本。 |
ononline HTML5
|
script | 當(dāng)文檔上線時運(yùn)行的腳本针肥。 |
onpagehide HTML5
|
script | 當(dāng)窗口隱藏時運(yùn)行的腳本饼记。 |
onpageshow HTML5
|
script | 當(dāng)窗口成為可見時運(yùn)行的腳本。 |
onpopstateHTML5
|
script | 當(dāng)窗口歷史記錄改變時運(yùn)行的腳本慰枕。 |
onredo HTML5
|
script | 當(dāng)文檔執(zhí)行撤銷（redo）時運(yùn)行的腳本具则。 |
onresize HTML5
|
script | 當(dāng)瀏覽器窗口被調(diào)整大小時觸發(fā)。 |
onstorage HTML5
|
script | 在 Web Storage 區(qū)域更新后運(yùn)行的腳本捺僻。 |
onundo HTML5
|
script | 在文檔執(zhí)行 undo 時運(yùn)行的腳本。 |
onunload HTML5
|
script | 一旦頁面已下載時觸發(fā)（或者瀏覽器窗口已被關(guān)閉）崇裁。 |
Form 事件
由 HTML 表單內(nèi)的動作觸發(fā)的事件（應(yīng)用到幾乎所有 HTML 元素匕坯，但最常用在 form 元素中）：
| 屬性 | 值 | 描述 |
|---|---|---|
| onblur | script | 元素失去焦點時運(yùn)行的腳本。 |
| onchange | script | 在元素值被改變時運(yùn)行的腳本拔稳。 |
oncontextmenu HTML5
|
script | 當(dāng)上下文菜單被觸發(fā)時運(yùn)行的腳本葛峻。 |
| onfocus | script | 當(dāng)元素獲得焦點時運(yùn)行的腳本。 |
onformchange HTML5
|
script | 在表單改變時運(yùn)行的腳本巴比。 |
onforminput HTML5
|
script | 當(dāng)表單獲得用戶輸入時運(yùn)行的腳本术奖。 |
oninput HTML5
|
script | 當(dāng)元素獲得用戶輸入時運(yùn)行的腳本。 |
oninvalid HTML5
|
script | 當(dāng)元素?zé)o效時運(yùn)行的腳本轻绞。 |
| onreset | script | 當(dāng)表單中的重置按鈕被點擊時觸發(fā)采记。HTML5 中不支持。 |
| onselect | script | 在元素中文本被選中后觸發(fā)政勃。 |
| onsubmit | script | 在提交表單時觸發(fā)唧龄。 |
Keyboard 事件
| 屬性 | 值 | 描述 |
|---|---|---|
| onkeydown | script | 在用戶按下按鍵時觸發(fā)。 |
| onkeypress | script | 在用戶敲擊按鈕時觸發(fā)奸远。 |
| onkeyup | script | 當(dāng)用戶釋放按鍵時觸發(fā)既棺。 |
Mouse 事件
由鼠標(biāo)或類似用戶動作觸發(fā)的事件：
| 屬性 | 值 | 描述 |
|---|---|---|
| onclick | script | 元素上發(fā)生鼠標(biāo)點擊時觸發(fā)。 |
| ondblclick | script | 元素上發(fā)生鼠標(biāo)雙擊時觸發(fā)懒叛。 |
ondrag HTML5
|
script | 元素被拖動時運(yùn)行的腳本丸冕。 |
ondragend HTML5
|
script | 在拖動操作末端運(yùn)行的腳本。 |
ondragenter HTML5
|
script | 當(dāng)元素元素已被拖動到有效拖放區(qū)域時運(yùn)行的腳本薛窥。 |
ondragleave HTML5
|
script | 當(dāng)元素離開有效拖放目標(biāo)時運(yùn)行的腳本胖烛。 |
ondragover HTML5
|
script | 當(dāng)元素在有效拖放目標(biāo)上正在被拖動時運(yùn)行的腳本。 |
ondragstart HTML5
|
script | 在拖動操作開端運(yùn)行的腳本。 |
ondrop HTML5
|
script | 當(dāng)被拖元素正在被拖放時運(yùn)行的腳本洪己。 |
| onmousedown | script | 當(dāng)元素上按下鼠標(biāo)按鈕時觸發(fā)妥凳。 |
| onmousemove | script | 當(dāng)鼠標(biāo)指針移動到元素上時觸發(fā)。 |
| onmouseout | script | 當(dāng)鼠標(biāo)指針移出元素時觸發(fā)答捕。 |
| onmouseover | script | 當(dāng)鼠標(biāo)指針移動到元素上時觸發(fā)逝钥。 |
| onmouseup | script | 當(dāng)在元素上釋放鼠標(biāo)按鈕時觸發(fā)。 |
onmousewheel HTML5
|
script | 當(dāng)鼠標(biāo)滾輪正在被滾動時運(yùn)行的腳本拱镐。 |
onscroll HTML5
|
script | 當(dāng)元素滾動條被滾動時運(yùn)行的腳本艘款。 |
Media 事件
由媒介（比如視頻、圖像和音頻）觸發(fā)的事件（適用于所有 HTML 元素沃琅，但常見于媒介元素中哗咆，比如 <audio>、<embed>益眉、<img>晌柬、<object> 以及 <video>）:
| 屬性 | 值 | 描述 |
|---|---|---|
| onabort | script | 在退出時運(yùn)行的腳本。 |
oncanplay HTML5
|
script | 當(dāng)文件就緒可以開始播放時運(yùn)行的腳本（緩沖已足夠開始時）郭脂。 |
oncanplaythrough HTML5
|
script | 當(dāng)媒介能夠無需因緩沖而停止即可播放至結(jié)尾時運(yùn)行的腳本年碘。 |
ondurationchange HTML5
|
script | 當(dāng)媒介長度改變時運(yùn)行的腳本。 |
onemptied HTML5
|
script | 當(dāng)發(fā)生故障并且文件突然不可用時運(yùn)行的腳本（比如連接意外斷開時）展鸡。 |
onended HTML5
|
script | 當(dāng)媒介已到達(dá)結(jié)尾時運(yùn)行的腳本（可發(fā)送類似“感謝觀看”之類的消息）屿衅。 |
onerror HTML5
|
script | 當(dāng)在文件加載期間發(fā)生錯誤時運(yùn)行的腳本。 |
onloadeddata HTML5
|
script | 當(dāng)媒介數(shù)據(jù)已加載時運(yùn)行的腳本莹弊。 |
onloadedmetadata HTML5
|
script | 當(dāng)元數(shù)據(jù)（比如分辨率和時長）被加載時運(yùn)行的腳本涤久。 |
onloadstart HTML5
|
script | 在文件開始加載且未實際加載任何數(shù)據(jù)前運(yùn)行的腳本。 |
onpause HTML5
|
script | 當(dāng)媒介被用戶或程序暫停時運(yùn)行的腳本忍弛。 |
onplay HTML5
|
script | 當(dāng)媒介已就緒可以開始播放時運(yùn)行的腳本响迂。 |
onplaying HTML5
|
script | 當(dāng)媒介已開始播放時運(yùn)行的腳本。 |
onprogress HTML5
|
script | 當(dāng)瀏覽器正在獲取媒介數(shù)據(jù)時運(yùn)行的腳本细疚。 |
onratechange HTML5
|
script | 每當(dāng)回放速率改變時運(yùn)行的腳本（比如當(dāng)用戶切換到慢動作或快進(jìn)模式）栓拜。 |
onreadystatechange HTML5
|
script | 每當(dāng)就緒狀態(tài)改變時運(yùn)行的腳本（就緒狀態(tài)監(jiān)測媒介數(shù)據(jù)的狀態(tài)）。 |
onseeked HTML5
|
script | 當(dāng) seeking 屬性設(shè)置為 false（指示定位已結(jié)束）時運(yùn)行的腳本惠昔。 |
onseeking HTML5
|
script | 當(dāng) seeking 屬性設(shè)置為 true（指示定位是活動的）時運(yùn)行的腳本幕与。 |
onstalled HTML5
|
script | 在瀏覽器不論何種原因未能取回媒介數(shù)據(jù)時運(yùn)行的腳本。 |
onsuspend HTML5
|
script | 在媒介數(shù)據(jù)完全加載之前不論何種原因終止取回媒介數(shù)據(jù)時運(yùn)行的腳本镇防。 |
ontimeupdate HTML5
|
script | 當(dāng)播放位置改變時（比如當(dāng)用戶快進(jìn)到媒介中一個不同的位置時）運(yùn)行的腳本啦鸣。 |
onvolumechange HTML5
|
script | 每當(dāng)音量改變時（包括將音量設(shè)置為靜音）時運(yùn)行的腳本。 |
| onwaiting | script | 當(dāng)媒介已停止播放但打算繼續(xù)播放時（比如當(dāng)媒介暫停已緩沖更多數(shù)據(jù)）運(yùn)行腳本 |
