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 的信息。 |
| <hr> | 定義水平線。 |
| <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 標准屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| accesskey | character | 規定訪問元素的鍵盤快捷鍵 |
| class | classname | 規定元素的類名（用於規定樣式表中的類）。 |
| contenteditable |
|
規定是否允許用戶編輯內容。 |
| contextmenu | menu_id | 規定元素的上下文菜單。 |
| data-yourvalue | value | 創作者定義的屬性。HTML 文檔的創作者可以定義他們自己的屬性。必須以 “data-” 開頭。 |
| dir |
|
規定元素中內容的文本方向。 |
| draggable |
|
規定是否允許用戶拖動元素。 |
| hidden | hidden | 規定該元素是無關的。被隱藏的元素不會顯示。 |
| id | id | 規定元素的唯一 ID。 |
| item |
|
用於組合元素。 |
| itemprop |
|
用於組合項目。 |
| lang | language_code | 規定元素中內容的語言代碼。 |
| spellcheck |
|
規定是否必須對元素進行拼寫或語法檢查。 |
| style | style_definition | 規定元素的行內樣式。 |
| subject | id | 規定元素對應的項目。 |
| tabindex | number | 規定元素的 tab 鍵控制次序。 |
| title | text | 規定有關元素的額外信息。 |
3、全局事件屬性
下面的表格列出了可插入 HTML 元素中以定義事件行為的標准事件屬性。
- Window 事件屬性 – Window Event Attributes
- 表單事件 – Form Events
- 鍵盤事件 – Keybord Events
- 鼠標事件 – Mouse Events
- 媒介事件 – Media Events
1）Window 事件屬性
window 對象觸發的事件。
適用於 <body> 標簽：
| 屬性 | 值 | 描述 |
|---|---|---|
| onafterprint | script | 在打印文檔之后運行腳本 |
| onbeforeprint | script | 在文檔打印之前運行腳本 |
| onbeforeonload | script | 在文檔加載之前運行腳本 |
| onblur | script | 當窗口失去焦點時運行腳本 |
| onerror | script | 當錯誤發生時運行腳本 |
| onfocus | script | 當窗口獲得焦點時運行腳本 |
| onhaschange | script | 當文檔改變時運行腳本 |
| onload | script | 當文檔加載時運行腳本 |
| onmessage | script | 當觸發消息時運行腳本 |
| onoffline | script | 當文檔離線時運行腳本 |
| ononline | script | 當文檔上線時運行腳本 |
| onpagehide | script | 當窗口隱藏時運行腳本 |
| onpageshow | script | 當窗口可見時運行腳本 |
| onpopstate | script | 當窗口歷史記錄改變時運行腳本 |
| onredo | script | 當文檔執行再執行操作（redo）時運行腳本 |
| onresize | script | 當調整窗口大小時運行腳本 |
| onstorage | script | 當文檔加載加載時運行腳本 |
| onundo | script | 當 Web Storage 區域更新時（存儲空間中的數據發生變化時） |
| onunload | script | 當用戶離開文檔時運行腳本 |
2）表單事件
由 HTML 表單內部的動作觸發的事件。
| 屬性 | 值 | 描述 |
|---|---|---|
| onblur | script | 當元素失去焦點時運行腳本 |
| onchange | script | 當元素改變時運行腳本 |
| oncontextmenu | script | 當觸發上下文菜單時運行腳本 |
| onfocus | script | 當元素獲得焦點時運行腳本 |
| onformchange | script | 當表單改變時運行腳本 |
| onforminput | script | 當表單獲得用戶輸入時運行腳本 |
| oninput | script | 當元素獲得用戶輸入時運行腳本 |
| oninvalid | script | 當元素無效時運行腳本 |
| onreset | script | 當表單重置時運行腳本。HTML 5 不支持。 |
| onselect | script | 當選取元素時運行腳本 |
| onsubmit | script | 當提交表單時運行腳本 |
3）鍵盤事件
由鍵盤觸發的事件。
| 屬性 | 值 | 描述 |
|---|---|---|
| onkeydown | script | 當按下按鍵時運行腳本 |
| onkeypress | script | 當按下並松開按鍵時運行腳本 |
| onkeyup | script | 當松開按鍵時運行腳本 |
4）鼠標事件
由鼠標或相似的用戶動作觸發的事件。
| 屬性 | 值 | 描述 |
|---|---|---|
| onclick | script | 當單擊鼠標時運行腳本 |
| ondblclick | script | 當雙擊鼠標時運行腳本 |
| ondrag | script | 當拖動元素時運行腳本 |
| ondragend | script | 當拖動操作結束時運行腳本 |
| ondragenter | script | 當元素被拖動至有效的拖放目標時運行腳本 |
| ondragleave | script | 當元素離開有效拖放目標時運行腳本 |
| ondragover | script | 當元素被拖動至有效拖放目標上方時運行腳本 |
| ondragstart | script | 當拖動操作開始時運行腳本 |
| ondrop | script | 當被拖動元素正在被拖放時運行腳本 |
| onmousedown | script | 當按下鼠標按鈕時運行腳本 |
| onmousemove | script | 當鼠標指針移動時運行腳本 |
| onmouseout | script | 當鼠標指針移出元素時運行腳本 |
| onmouseover | script | 當鼠標指針移至元素之上時運行腳本 |
| onmouseup | script | 當松開鼠標按鈕時運行腳本 |
| onmousewheel | script | 當轉動鼠標滾輪時運行腳本 |
| onscroll | script | 當滾動元素滾動元素的滾動條時運行腳本 |
5）媒介事件
由視頻、圖像以及音頻等媒介觸發的事件。
適用於所有 HTML 5 元素，不過在媒介元素（諸如 audio、embed、img、object 以及 video）中最常用：
| 屬性 | 值 | 描述 |
|---|---|---|
| onabort | script | 當發生中止事件時運行腳本 |
| oncanplay | script | 當媒介能夠開始播放但可能因緩沖而需要停止時運行腳本 |
| oncanplaythrough | script | 當媒介能夠無需因緩沖而停止即可播放至結尾時運行腳本 |
| ondurationchange | script | 當媒介長度改變時運行腳本 |
| onemptied | script | 當媒介資源元素突然為空時（網絡錯誤、加載錯誤等）運行腳本 |
| onended | script | 當媒介已抵達結尾時運行腳本 |
| onerror | script | 當在元素加載期間發生錯誤時運行腳本 |
| onloadeddata | script | 當加載媒介數據時運行腳本 |
| onloadedmetadata | script | 當媒介元素的持續時間以及其他媒介數據已加載時運行腳本 |
| onloadstart | script | 當瀏覽器開始加載媒介數據時運行腳本 |
| onpause | script | 當媒介數據暫停時運行腳本 |
| onplay | script | 當媒介數據將要開始播放時運行腳本 |
| onplaying | script | 當媒介數據已開始播放時運行腳本 |
| onprogress | script | 當瀏覽器正在取媒介數據時運行腳本 |
| onratechange | script | 當媒介數據的播放速率改變時運行腳本 |
| onreadystatechange | script | 當就緒狀態（ready-state）改變時運行腳本 |
| onseeked | script | 當媒介元素的定位屬性 [1] 不再為真且定位已結束時運行腳本 |
| onseeking | script | 當媒介元素的定位屬性為真且定位已開始時運行腳本 |
| onstalled | script | 當取回媒介數據過程中（延遲）存在錯誤時運行腳本 |
| onsuspend | script | 當瀏覽器已在取媒介數據但在取回整個媒介文件之前停止時運行腳本 |
| ontimeupdate | script | 當媒介改變其播放位置時運行腳本 |
| onvolumechange | script | 當媒介改變音量亦或當音量被設置為靜音時運行腳本 |
| onwaiting | script | 當媒介已停止播放但打算繼續播放時運行腳本 |