HTML5常用标签和事件属性
1、HTML5常用標(biāo)簽
<!--...--> 定義注釋。
<!DOCTYPE> 定義文檔類型。
<a> 定義超鏈接。
<abbr> 定義縮寫。
例如：<abbr title="佳佳原創(chuàng)">JJYC</abbr>
<acronym> HTML 5 中不支持。定義首字母縮寫。
例如：< acronym title="JIA JIA YUAN CHUANG">JJYC</acronym>
<address> 定義地址元素。
<applet> HTML 5 中不支持。定義 applet。
<area> 定義圖像映射中的區(qū)域。
<article> 定義外部的內(nèi)容。。
<aside> 定義頁面內(nèi)容之外的內(nèi)容。
<audio> 定義聲音內(nèi)容。
<b> 定義粗體文本。
<base> 定義頁面中所有鏈接的基準(zhǔn) URL。
<basefont> HTML 5 中不支持。請使用 CSS 代替。
<bdo> 定義文本顯示的方向。
<big> HTML 5 中不支持。定義大號文本。
<blockquote> 定義長的引用。
<body> 定義 body 元素。
<br> 插入換行符。
<button> 定義按鈕。
注釋：如果在 HTML 表單中使用 button 元素，不同的瀏覽器會提交不同的按鈕值。請使用 input 元素在HTML 表單中創(chuàng)建按鈕。
<canvas> 定義圖形。
<caption> 定義表格標(biāo)題。<caption> 標(biāo)簽必須緊隨 <table> 標(biāo)簽之后。
<center> HTML 5 中不支持。定義居中的文本。
<cite> 定義引用。
<code> 定義計算機(jī)代碼文本。
<col> 定義表格列的屬性。
<colgroup> 定義表格列的分組。通過此標(biāo)簽，您可以對列進(jìn)行組合，以便格式化。該元素只有在 <table> 中才是合法的。
<command> 定義命令按鈕。如單選按鈕、復(fù)選框或按鈕。
例如：<command type="checkbox">歡迎訪問佳佳原創(chuàng)!</command>
<datalist> 定義下拉列表。
<dd> 定義定義的描述。
<del> 定義刪除文本。
例如：現(xiàn)價是 <del>28</del> 8 元
<details> 定義元素的細(xì)節(jié)。<details> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。
<dfn> 定義定義項目。
<dir> HTML 5 中不支持。定義目錄列表。
<div> 定義文檔中的一個部分。
注意：HTML 4.01 中的 "align" 是不贊成使用的，在 HTML 5 中不支持該屬性。
<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 的頁腳。 <footer> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。
提示：如使用 footer 來插入聯(lián)系信息，應(yīng)該在 footer 元素內(nèi)使用 <address> 元素。
<form> 定義表單。
<frame> HTML 5 中不支持。定義子窗口（框架）。
<frameset> HTML 5 中不支持。定義框架的集。
<h1> to <h6> 定義標(biāo)題 1 到標(biāo)題 6。
<head> 定義關(guān)于文檔的信息。
注意：在 HTML 5 中不再支持 profile 屬性。
<header> 定義 section 或 page 的頁眉。
<hgroup> 定義有關(guān)文檔中的 section 的信息。<hgroup> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。
<hr> 定義水平線。
<html> 定義 html 文檔。
<i> 定義斜體文本。
<iframe> 定義行內(nèi)的子窗口（框架）。
<img> 定義圖像。
<input> 定義輸入域。
<input>屬性：
（1）accept list_of_mime_types 一個逗號分隔的 MIME 類型列表，指示文件傳輸?shù)?MIME 類
型。注釋：僅可與 type="file" 配合使用。
（2）align：left、right、texttop、middle、absmiddle、baseline、bottom、absbottom
（3）alt ：text 定義圖像的替代文本。注釋：僅可與 type="image" 配合使用。
（4）autocomplete
（5）autofocus： true、false。當(dāng)頁面加載時，使輸入字段獲得焦點。注釋：type="hidden" 時，無法使用。
（6）checked： true、false。指示此 input 元素首次加載時應(yīng)當(dāng)被選中。注釋：請與 type="checkbox" 及 type="radio" 配合使用。
（7）disabled： true、false。當(dāng) input 元素首次加載時禁用此元素，這樣用戶就無法在其中寫文本，或選定它。注釋：不能與 type="hidden" 一同使用。
（8）form： true、false。定義輸入字段屬于一個或多個表單。
（9）inputmode： inputmode 定義預(yù)期的輸入類型。
（10）list： id of a datalist 。引用 datalist 元素。如果定義，則一個下拉列表可用于向輸入字段插入值。
（11）max： number 輸入字段的最大值。
（12）maxlength： number 定義文本域中所允許的字符最大數(shù)目。
（13）min： number 輸入字段的最小值。
（14）name ：field_name 為 input 元素定義唯一的名稱。
（15）pattern
（16）readonly： readonly 指示是否可修改該字段的值。
（17）replace： text 定義當(dāng)表單提交時如何處理該輸入字段。
（18）required： true、false。定義輸入字段的值是否是必需的。當(dāng)使用下列類型時無法使用：hidden, image, button, submit,reset。
（19）size： number_of_char 定義 input 元素的大小。不再支持。
（20）src ：URL 定義要顯示的圖像的 URL。僅用于 type="image" 時。
（21）step
（22）template： template 定義一個或多個模板。
（23）type： button、checkbox、date、datetime、datetime-local、email、file、hidden、image、month、number、password、radio range、reset、submit、text、time、url、week。指定 input 元素的類型。默認(rèn)值是 "text"。
（24）value ：value
對于按鈕、重置按鈕和確認(rèn)按鈕：定義按鈕上的文本。
對于圖像按鈕：定義傳遞向某個腳本的此域的符號結(jié)果。
對于復(fù)選框和單選按鈕：定義 input 元素被點擊時的結(jié)果。
對于隱藏域、密碼域以及文本域：定義元素的默認(rèn)值。
注釋：不能與 type="file" 一同使用。
注釋：與 type="checkbox" 和 type="radio" 一同使用時，此元素是必需的。
<ins> 定義插入文本。
<keygen> 定義生成密鑰。
<isindex> HTML 5 中不支持。定義單行的輸入域。
<kbd> 定義鍵盤文本。
<label> 定義表單控件的標(biāo)注。
<legend> 定義 fieldset 中的標(biāo)題。
<li> 定義列表的項目。
<link> 定義資源引用。
<map> 定義圖像映射。
<mark> 定義有記號的文本。 標(biāo)記的內(nèi)容會高亮顯示。
例如：<p>請訪問 <mark>佳佳原創(chuàng)（jjyc.org）</mark> 網(wǎng)站.</p>
<menu> 定義菜單列表。
<meta> 定義元信息。
<meter> 定義預(yù)定義范圍內(nèi)的度量。
<nav> 定義導(dǎo)航鏈接。
<noframes> HTML 5 中不支持。定義 noframe 部分。
<noscript> 定義 noscript 部分。
<object> 定義嵌入對象。
<ol> 定義有序列表。
<optgroup> 定義選項組。
<option> 定義下拉列表中的選項。
<output> 定義輸出的一些類型。
<p> 定義段落。在 HTML 5 中不再支持align屬性。
<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> 定義小號文本。
<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> 定義表格行。
<tt> HTML 5 中不支持。定義打字機(jī)文本。
<u> HTML 5 中不支持。定義下劃線文本。
<ul> 定義無序列表。
<var> 定義變量。
<video> 定義視頻。
<xmp> HTML 5 中不支持。定義預(yù)格式文本。
2、HTML 5 事件屬性
Window 事件屬性 - Window Event Attributes
表單事件 - Form Events
鍵盤事件 - Keybord Events
鼠標(biāo)事件 - Mouse Events
媒介事件 - Media Events
2.1 Window 事件屬性
window 對象觸發(fā)的事件。適用于 <body> 標(biāo)簽：
屬性 值 描述
onerror script 當(dāng)錯誤發(fā)生時運行腳本
onfocus script 當(dāng)窗口獲得焦點時運行腳本
onhaschange script 當(dāng)文檔改變時運行腳本
onload script 當(dāng)文檔加載時運行腳本
onmessage script 當(dāng)觸發(fā)消息時運行腳本
onoffline script 當(dāng)文檔離線時運行腳本
ononline script 當(dāng)文檔上線時運行腳本
onpagehide script 當(dāng)窗口隱藏時運行腳本
onpageshow script 當(dāng)窗口可見時運行腳本
onpopstate script 當(dāng)窗口歷史記錄改變時運行腳本
onredo script 當(dāng)文檔執(zhí)行再執(zhí)行操作（redo）時運行腳本
onresize script 當(dāng)調(diào)整窗口大小時運行腳本
onstorage script 當(dāng)文檔加載加載時運行腳本
onundo script 當(dāng)文檔執(zhí)行撤銷操作時運行腳本
onunload script 當(dāng)用戶離開文檔時運行腳本
2.2 表單事件
由 HTML 表單內(nèi)部的動作觸發(fā)的事件。適用于所有 HTML 5 元素，不過最常用于表單元素中：
屬性 值 描述
onblur script 當(dāng)元素失去焦點時運行腳本
onchange script 當(dāng)元素改變時運行腳本
oncontextmenu script 當(dāng)觸發(fā)上下文菜單時運行腳本
onfocus script 當(dāng)元素獲得焦點時運行腳本
onformchange script 當(dāng)表單改變時運行腳本
onforminput script 當(dāng)表單獲得用戶輸入時運行腳本
oninput script 當(dāng)元素獲得用戶輸入時運行腳本
oninvalid script 當(dāng)元素?zé)o效時運行腳本
onreset script 當(dāng)表單重置時運行腳本。HTML 5 不支持。
onselect script 當(dāng)選取元素時運行腳本
onsubmit script 當(dāng)提交表單時運行腳本
2.3 鼠標(biāo)事件
由鼠標(biāo)貨相似的用戶動作觸發(fā)的事件。適用于所有 HTML 5 元素：
屬性 值 描述
onclick script 當(dāng)單擊鼠標(biāo)時運行腳本
ondblclick script 當(dāng)雙擊鼠標(biāo)時運行腳本
ondrag script 當(dāng)拖動元素時運行腳本
ondragend script 當(dāng)拖動操作結(jié)束時運行腳本
ondragenter script 當(dāng)元素被拖動至有效的拖放目標(biāo)時運行腳本
ondragleave script 當(dāng)元素離開有效拖放目標(biāo)時運行腳本
ondragover script 當(dāng)元素被拖動至有效拖放目標(biāo)上方時運行腳本
ondragstart script 當(dāng)拖動操作開始時運行腳本
ondrop script 當(dāng)被拖動元素正在被拖放時運行腳本
onmousedown script 當(dāng)按下鼠標(biāo)按鈕時運行腳本
onmousemove script 當(dāng)鼠標(biāo)指針移動時運行腳本
onmouseout script 當(dāng)鼠標(biāo)指針移出元素時運行腳本
onmouseover script 當(dāng)鼠標(biāo)指針移至元素之上時運行腳本
onmouseup script 當(dāng)松開鼠標(biāo)按鈕時運行腳本
onmousewheel script 當(dāng)轉(zhuǎn)動鼠標(biāo)滾輪時運行腳本
onscroll script 當(dāng)滾動元素滾動元素的滾動條時運行腳本
2.4 媒介事件
由視頻、圖像以及音頻等媒介觸發(fā)的事件。適用于所有 HTML 5 元素，不過在媒介元素（諸如 audio、embed、img、object 以及 video）中最常用：
屬性 值 描述
onabort script 當(dāng)發(fā)生中指事件時運行腳本
oncanplay script 當(dāng)媒介能夠開始播放但可能因緩沖而需要停止時運行腳本
oncanplaythrough script 當(dāng)媒介能夠無需因緩沖而停止即可播放至結(jié)尾時運行腳本
ondurationchange script 當(dāng)媒介長度改變時運行腳本
onemptied script 當(dāng)媒介資源元素突然為空時（網(wǎng)絡(luò)錯誤、加載錯誤等）運行腳本
onended script 當(dāng)媒介已抵達(dá)結(jié)尾時運行腳本
onerror script 當(dāng)在元素加載期間發(fā)生錯誤時運行腳本
onloadeddata script 當(dāng)加載媒介數(shù)據(jù)時運行腳本
onloadedmetadata script 當(dāng)媒介元素的持續(xù)時間以及其他媒介數(shù)據(jù)已加載時運行腳本
onloadstart script 當(dāng)瀏覽器開始加載媒介數(shù)據(jù)時運行腳本
onpause script 當(dāng)媒介數(shù)據(jù)暫停時運行腳本
onplay script 當(dāng)媒介數(shù)據(jù)將要開始播放時運行腳本
onplaying script 當(dāng)媒介數(shù)據(jù)已開始播放時運行腳本
onprogress script 當(dāng)瀏覽器正在取媒介數(shù)據(jù)時運行腳本
onratechange script 當(dāng)媒介數(shù)據(jù)的播放速率改變時運行腳本
onreadystatechange script 當(dāng)就緒狀態(tài)（ready-state）改變時運行腳本
onseeked script 當(dāng)媒介元素的定位屬性 [1] 不再為真且定位已結(jié)束時運行腳本
onseeking script 當(dāng)媒介元素的定位屬性為真且定位已開始時運行腳本
onstalled script 當(dāng)取回媒介數(shù)據(jù)過程中（延遲）存在錯誤時運行腳本
onsuspend script 當(dāng)瀏覽器已在取媒介數(shù)據(jù)但在取回整個媒介文件之前停止時運行腳本
ontimeupdate script 當(dāng)媒介改變其播放位置時運行腳本
onvolumechange script 當(dāng)媒介改變音量亦或當(dāng)音量被設(shè)置為靜音時運行腳本
onwaiting script 當(dāng)媒介已停止播放但打算繼續(xù)播放時運行腳本