html5常用資料收集

1、文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.html5 常用資料收集對于很想學(xué)習(xí)html5 和很想弄明白html5 究竟是個什么東西的童靴可以先收藏了這篇文章， 這是張鑫旭童鞋收集的關(guān)于html5 的有用的資料整理大全，例如一些常用到的 html5 新增的標(biāo)簽，已經(jīng) html5 新增的標(biāo)簽的用法和說明。儼然已經(jīng)是一個 html5 的基礎(chǔ)的入門教程了 ，相信對你會有用的，（ PS:通常資料性的文章，我們會有個小提示： Ctrl+D 可以收藏該文章哦，試試）一、前言兼圖片備忘下圖是我從網(wǎng)站上的這篇文章中備忘圖片（已大小優(yōu)化，因?yàn)閳D片較高，故滾動顯示）。但是，上面畢竟是圖片格

2、式（原圖上兆），而且還是英文的，所以自己覺得有必要將上面的內(nèi)容文字化，同時做下簡單的中文翻譯。整理一番，于是就有下面的些內(nèi)容。二、文字備忘之標(biāo)簽1文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.HTML5中新增的標(biāo)簽定義文章定義頁面內(nèi)容旁邊的內(nèi)容定義聲音內(nèi)容定義圖形定義一個控制按鈕指樹或表格狀數(shù)據(jù)格式中的動態(tài)數(shù)據(jù)定義一個下拉列表定義一個元素的細(xì)節(jié)定義會話或人的交談定義額外的交互內(nèi)容或插件定義指定元素的標(biāo)題定義一組媒體內(nèi)容，以及他們的標(biāo)題為章節(jié)或頁面定義一個底部為章節(jié)或頁面定義一個頭部定義文檔中某段落的信息定義表單生成的關(guān)鍵定義被標(biāo)記的文本定義預(yù)定義范圍內(nèi)的測量定義導(dǎo)航鏈接定

3、義某種類型的輸出定義任意種類任務(wù)的進(jìn)程定義瀏覽器不支持 ruby 元素的替代者定義 ruby注釋的解釋定義 ruby注釋（中文注音或字符）。定義章節(jié)定義媒體資源定義某 detail 元素的頭部定義日期 / 時間定義視頻定義可能的換行HTML5支持且同時存在于 HTML4中的標(biāo)簽定義注釋定義文檔類型定義超鏈接定義縮寫定義地址元素定義圖片地圖的某區(qū)域定義加粗文字定義整個頁面的基礎(chǔ) URL定義文本顯示的方向定義一個長引用2文檔來源為 :從網(wǎng)絡(luò)收集整理 .word 版本可編輯 .歡迎下載支持 .定義主體元素插入單個的換行定義按鈕定義表格的標(biāo)題定義引用定義計(jì)算機(jī)代碼文本定義表格列的屬性定義表格列的組定義

4、個定義描述定義刪除文本定義個定義項(xiàng)定義文檔章節(jié)定義定義列表定義定義項(xiàng)定義強(qiáng)調(diào)文本定義控件組定義表單 到定義頭部 1 到頭部 6定義文檔信息定義水平線定義個 html 文檔定義傾斜文本定義內(nèi)聯(lián)替代窗口（框架）定義個圖片定義輸入域定義插入文本定義鍵盤文本定義表單控件的標(biāo)簽定義控件組的標(biāo)題定義列表項(xiàng)定義相關(guān)資源定義圖片地圖定義菜單列表定義元信息定義無腳本章節(jié)定義內(nèi)嵌對象定義一個有序列表定義個選項(xiàng)組定義下拉列表選項(xiàng)定義段落定義 object 的參數(shù)定義預(yù)格式化文本3文檔來源為 :從網(wǎng)絡(luò)收集整理 .word 版本可編輯 .歡迎下載支持 .定義短引用定義不再正確的文本定義簡單的計(jì)算機(jī)代碼定義腳本定義可選擇

5、列表定義小點(diǎn)的文本定義文檔章節(jié)定義強(qiáng)調(diào)的文字定義一個樣式定義定義下標(biāo)文字定義上標(biāo)文字定義表格定義表格的主體定義表格單元格定義文本域定義表格底部定義表格頭定義表格頭定義文檔的標(biāo)題定義表格行定義無序列表定義變量HTML5不支持的標(biāo)簽在 HTML4.01 中定義首字母縮略詞定義內(nèi)嵌的小應(yīng)用程序定義文檔中基本的字體屬性讓文字變大點(diǎn)居中顯示文字或內(nèi)容定義目錄列表指定字體種類，大小，顏色等在框架集中定義獨(dú)有的窗體定義框架集，包含多個窗體當(dāng)瀏覽器不支持框架的時候顯示文字定義刪除線文本定義電傳打字機(jī)文本定義下劃線文字定義格式化的文字三、 HTML5文字備忘之全局屬性HTML5新添加全局屬性contentedi

6、table指定是否允許用戶編輯內(nèi)容4文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.true | false定義元素的上下文菜單contextmenumenu id指定是否允許用戶拖拽元素draggabletrue|false|auto指定當(dāng)拖拽數(shù)據(jù)放開的時候會發(fā)生什么dropzonecopy|move|link指定元素不相干hiddenhidden指定是否元素要進(jìn)行拼寫檢查spellchecktrue | false已存在的全局屬性指定訪問元素的快捷鍵accesskey字符 (character)指定元素的類名（為樣式表）class類名 (classname)指定元素文本

7、內(nèi)容的對齊方向dirltr|rtl為元素指定唯一的ididid為元素內(nèi)容指定語言代碼lang語言代碼 (language code)指定元素的內(nèi)聯(lián)樣式style樣式定義 (style definition)指定元素的 tab 順序tabindex數(shù)值 (nubmer)指定元素額外的信息title文本 (text)四、 HTML5文字備忘之事件屬性1. window對象5文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.window 新增事件屬性onafterprint在文檔打印之后執(zhí)行onbeforeprint在文檔打印之前執(zhí)行onbeforeloaded在文檔加載完畢之前執(zhí)

8、行onerror當(dāng)錯誤發(fā)生時執(zhí)行onhaschange當(dāng)文檔發(fā)生改變的時候執(zhí)行onmessage當(dāng)該信息被觸發(fā)的時候執(zhí)行onoffline當(dāng)文檔離線的時候執(zhí)行ononline當(dāng)文檔上線的時候執(zhí)行onpagehide當(dāng)窗體隱藏的時候執(zhí)行onpageshow當(dāng)窗體顯示的時候執(zhí)行onpopstate當(dāng)窗體歷史改變的時候執(zhí)行onredo當(dāng)文檔執(zhí)行恢復(fù)上一次操作的時候執(zhí)行onresize當(dāng)窗體大小改變的時候執(zhí)行onstorage當(dāng)文檔加載 ok 的時候執(zhí)行onondo當(dāng)文檔執(zhí)行恢復(fù)之前一次操作的時候執(zhí)行onunload當(dāng)用戶離開文檔的時候執(zhí)行window 已存在事件屬性onblur當(dāng)窗體失去焦點(diǎn)的時候執(zhí)

9、行onfocus當(dāng)窗體獲得焦點(diǎn)的時候執(zhí)行onload當(dāng)文檔加載完畢的時候執(zhí)行form 表單的事件屬性form 表單新增事件屬性oncontextmenu當(dāng)上下文菜單被觸發(fā)的時候執(zhí)行onformchange當(dāng)表單發(fā)生改變的時候執(zhí)行onforminput當(dāng)表單獲得用戶輸入時候執(zhí)行oninput當(dāng)元素獲得用戶輸入的時候執(zhí)行oninvalid當(dāng)元素驗(yàn)證無效的時候執(zhí)行form 表單已支持事件屬性onblur當(dāng)元素失去焦點(diǎn)的時候執(zhí)行onchange當(dāng)元素改變的時候執(zhí)行onfocus當(dāng)元素獲得焦點(diǎn)的時候執(zhí)行onselect當(dāng)元素被選擇的時候執(zhí)行onsubmit當(dāng)表單被提交的時候執(zhí)行HTML5不支持的form

10、 表單事件屬性onreset當(dāng)表單重置的時候執(zhí)行鍵盤事件已存在的鍵盤事件屬性onkeydown當(dāng)鍵按下的時候執(zhí)行onkeypress當(dāng)鍵按下并釋放的時候執(zhí)行6文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.onkeyup當(dāng)鍵抬起的時候執(zhí)行鼠標(biāo)事件HTML5新增鼠標(biāo)事件屬性ondragondragendondragenterondragleaveondragoverondragstartondroponmouswheelonscroll當(dāng)元素被拖拽的時候執(zhí)行當(dāng)元素拖拽操作結(jié)束的時候執(zhí)行當(dāng)元素拖拽進(jìn)入釋放對象的時候當(dāng)元素拖拽離開釋放對象的時候當(dāng)元素拖拽經(jīng)過釋放對象的時候當(dāng)元素拖

11、拽操作開始的時候執(zhí)行當(dāng)拖拽元素被放開的時候當(dāng)鼠標(biāo)滑輪滾動的時候執(zhí)行當(dāng)元素的滾動條滾動的時候執(zhí)行已存在的鼠標(biāo)事件屬性onclickondbclickonmousedownonmousemoveonmouseoutonmouseoveronmouseup媒體事件HTML5中新增媒體事件當(dāng)鼠標(biāo)點(diǎn)擊的時候執(zhí)行當(dāng)鼠標(biāo)雙擊的時候執(zhí)行當(dāng)鼠標(biāo)按下的時候執(zhí)行當(dāng)鼠標(biāo)移動的時候執(zhí)行當(dāng)鼠標(biāo)移出元素的時候執(zhí)行當(dāng)屬性進(jìn)入元素的時候執(zhí)行當(dāng)鼠標(biāo)抬起的時候執(zhí)行oncanplayoncanplaythroughondurationchangeonemptiedonendedonerroronloadeddataonloadedm

12、etadataonloadstartonpauseonplayonplayingonprogressonratechangeonreadystatechangeonseekedonseekingonstalledonsuspend當(dāng)媒體可以播放的時候執(zhí)行當(dāng)媒體可以播放到最后的時候執(zhí)行當(dāng)媒體長度改變的時候執(zhí)行當(dāng)媒體資源元素變成空的時候執(zhí)行當(dāng)媒體已經(jīng)到達(dá)最后的時候執(zhí)行當(dāng)加載元素發(fā)生錯誤的時候執(zhí)行當(dāng)媒體數(shù)據(jù)加載完畢的時候執(zhí)行當(dāng)媒體元素的持續(xù)時間加載完畢的時候執(zhí)行當(dāng)瀏覽器開始加載媒體數(shù)據(jù)的時候執(zhí)行當(dāng)媒體數(shù)據(jù)暫停的時候執(zhí)行當(dāng)媒體數(shù)據(jù)繼續(xù)開始播放的時候執(zhí)行當(dāng)媒體數(shù)據(jù)已經(jīng)開始播放的時候執(zhí)行在瀏覽器正在獲取媒

13、體數(shù)據(jù)的時候執(zhí)行當(dāng)媒體數(shù)據(jù)播放比率發(fā)生改變的時候執(zhí)行當(dāng) ready-state 發(fā)生改變的時候執(zhí)行當(dāng)元素的 seeking 屬性不是 true 的時候執(zhí)行當(dāng)元素的 seeking 屬性是 true 的時候執(zhí)行當(dāng)獲取元素?cái)?shù)據(jù)發(fā)生錯誤的時候執(zhí)行當(dāng)瀏覽器停止獲取媒體數(shù)據(jù)的時候執(zhí)行7文檔來源為 :從網(wǎng)絡(luò)收集整理 .word 版本可編輯 .歡迎下載支持 .ontimeupdate當(dāng)媒體改變其播放位置的時候執(zhí)行onvolumechange當(dāng)媒體音量大小發(fā)生改變的時候執(zhí)行，包括無聲onwaiting當(dāng)媒體元素停止播放的時候已存在的媒體事件屬性onabort碰到 abort的時候執(zhí)行五、 HTML5文字備忘之瀏覽器的準(zhǔn)備情況支持：不支持：部分支持：注： 下表格最右側(cè)三欄指移動設(shè)備上的瀏覽器支持情況。HTML5文字備忘之瀏覽器的準(zhǔn)備情況811.10.3.6 9.0 5.02.3 4.500Details & Summary元素WebGL3D Canvas制圖HTML5中內(nèi)聯(lián) SVGDatalist元素Progress & MeterclassList(DOMTokenLis