HTML5標(biāo)簽_和屬性手冊(cè)_第1頁(yè)
HTML5標(biāo)簽_和屬性手冊(cè)_第2頁(yè)
HTML5標(biāo)簽_和屬性手冊(cè)_第3頁(yè)
HTML5標(biāo)簽_和屬性手冊(cè)_第4頁(yè)
HTML5標(biāo)簽_和屬性手冊(cè)_第5頁(yè)
已閱讀5頁(yè)，還剩16頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、HTML5 標(biāo)簽和屬性 手冊(cè)第一部分 按字母順序分按字母順序排列的標(biāo)簽列表標(biāo)簽描述4: 指在HTML 4.01 中定義了該元素 5: 指在HTML 5 中定義了該元素<!-.->定義注釋4 5<!DOCTYPE>定義文檔類型45<a>定義超鏈接45<abbr>定義縮寫45<acronym>HTML 5 中不支持4<address>定義地址元素45<applet>定義 applet（HTML 5 中不支持）4<area>定義圖像映射中的區(qū)域45<article>定義 article5<

2、;aside>定義頁(yè)面內(nèi)容之外的內(nèi)容5<audio>定義聲音內(nèi)容5<b>定義粗體文本45<base>定義頁(yè)面中所有鏈接的基準(zhǔn)URL45<basefont>HTML 5 中不支持，請(qǐng)使用CSS 代替4<bdo>定義文本顯示的方向45<big>定義大號(hào)文本（HTML 5 中不支持）4<blockquote>定義長(zhǎng)的引用（定義塊引用）45<body>定義 body 元素45<br>插入換行符45<button>定義按鈕45<canvas>定義圖形5<capt

3、ion>定義表格標(biāo)題45<center>定義居中的文本（HTML 5 中不支持）4<cite>定義引用45<code>定義計(jì)算機(jī)代碼文本45<col>定義表格列的屬性45<colgroup>定義表格列的分組45<command>定義命令按鈕5<datalist>定義下拉列表5<dd>定義定義的描述45<del>定義刪除文本45<details>定義元素的細(xì)節(jié)5<dfn> 定義定義項(xiàng)目45<dir>定義目錄列表（HTML 5 中不支持）4<d

4、iv> 定義文檔中的一個(gè)部分45<dl>定義定義列表45<dt>定義定義的項(xiàng)目45<em> 定義強(qiáng)調(diào)文本45<embed> 定義外部交互內(nèi)容或插件5<fieldset> 定義 fieldset45<figcaption> 定義 figure 元素的標(biāo)題5<figure> 定義媒介內(nèi)容的分組，以及它們的標(biāo)題5<font> HTML 5 中不支持4<footer> 定義 section 或 page 的頁(yè)腳5<form> 定義表單45<frame> 定義子窗口（

5、框架）（HTML 5 中不支持）4<frameset> 定義框架的集（HTML 5 中不支持）4<h1> to <h6> 定義標(biāo)題1 到標(biāo)題645<head> 定義關(guān)于文檔的信息45<header> 定義 section 或 page 的頁(yè)眉5<hgroup> 定義有關(guān)文檔中的 section 的信息5<hgroup>定義有關(guān)文檔中的 section 的信息45<html> 定義 html 文檔45<i> 定義斜體文本45<iframe> 定義行內(nèi)的子窗口（框架）45<

6、img> 定義圖像45<input> 定義輸入域45<ins>定義插入文本45<keygen> 定義生成密鑰5<isindex> 定義單行的輸入域（HTML 5 中不支持）4<kbd> 定義鍵盤文本45<label> 定義表單控件的標(biāo)注45<legend> 定義 fieldset 中的標(biāo)題45<li> 定義列表的項(xiàng)目45<link> 定義資源引用45<map> 定義圖像映射45<mark> 定義有記號(hào)的文本45<menu> 定義菜單列表45<

7、;meta> 定義元信息45<meter> 定義預(yù)定義范圍內(nèi)的度量5<nav> 定義導(dǎo)航鏈接5<noframes> 定義 noframe 部分（HTML 5 中不支持）4<noscript> 定義 noscript 部分45<object> 定義嵌入對(duì)象45<ol> 定義有序列表45<optgroup> 定義選項(xiàng)組45<option> 定義下拉列表中的選項(xiàng)45<output> 定義輸出的一些類型5<p>定義段落45<param> 為對(duì)象定義參數(shù)45<p

8、re> 定義預(yù)格式化文本45<progress>定義任何類型的任務(wù)的進(jìn)度5<q> 定義短的引用45<rp>定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容5<rt> 定義 ruby 注釋的解釋5<ruby> 定義 ruby 注釋5<s> 定義加刪除線的文本（HTML 5 中不支持）4<samp> 定義樣本計(jì)算機(jī)代碼45<script> 定義腳本45<section>定義 section45<select> 定義可選列表45<small> 定義小號(hào)文本45<

9、source> 定義媒介源45<span> 定義文檔中的 section45<strike> 定義加刪除線的文本（HTML 5 中不支持）4<strong>定義強(qiáng)調(diào)文本45<style> 定義樣式定義45<sub> 定義下標(biāo)文本45<summary>定義 details 元素的標(biāo)題5<sup> 定義上標(biāo)文本45<table>定義表格45<tbody> 定義表格的主體45<td> 定義表格單元45<textarea>定義 textarea45<tfoot

10、>定義表格的腳注45<th>定義表頭45<thead> 定義表頭45<time> 定義日期/時(shí)間5<title> 定義文檔的標(biāo)題45<tr> 定義表格行45<tt>定義打字機(jī)文本（HTML 5 中不支持）4<u>定義下劃線文本（HTML 5 中不支持）4<ul> 定義無(wú)序列表45<var> 定義變量45<video> 定義視頻5<xmp> 定義預(yù)格式文本（HTML 5 中不支持）4事件屬性屬性值描述45HTML 5 元素可擁有事件屬性，這些屬性在瀏覽器中觸發(fā)

11、行為，比如當(dāng)用戶單擊一個(gè)HTML 5元素時(shí)啟動(dòng)一段 JavaScript。下面列出的事件屬性，可以把它們插入 HTML 標(biāo)簽來(lái)定義事件行為。 HTML 5 中的新事件屬性：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。4: 指在HTML 4.01 中定義了該元素 5: 指在HTML

12、5 中定義了該元素onabortscript 發(fā)生 abort 事件時(shí)運(yùn)行腳本。5onbeforeonloadscript 在元素加載前運(yùn)行腳本。5onblurscript 當(dāng)元素失去焦點(diǎn)時(shí)運(yùn)行腳本。45onchangescript當(dāng)元素改變時(shí)運(yùn)行腳本。45onclickscript在鼠標(biāo)點(diǎn)擊時(shí)允許腳本。45oncontextmenuscript 當(dāng)菜單被觸發(fā)時(shí)運(yùn)行腳本。5ondblclickscript當(dāng)鼠標(biāo)雙擊時(shí)運(yùn)行腳本。45ondragscript 只要腳本在被拖動(dòng)就允許腳本。5ondragendscript 在拖動(dòng)操作結(jié)束時(shí)運(yùn)行腳本。5ondragenterscript 當(dāng)元素被拖動(dòng)到

13、一個(gè)合法的放置目標(biāo)時(shí)，執(zhí)行腳本。5ondragleavescript 當(dāng)元素離開合法的放置目標(biāo)時(shí)。5ondragoverscript 只要元素正在合法的放置目標(biāo)上拖動(dòng)時(shí)，就執(zhí)行腳本。5ondragstartscript 在拖動(dòng)操作開始時(shí)執(zhí)行腳本。5ondropscript 當(dāng)元素正在被拖動(dòng)時(shí)執(zhí)行腳本。5onerrorscript 當(dāng)元素加載的過程中出現(xiàn)錯(cuò)誤時(shí)執(zhí)行腳本。5onfocusscript 當(dāng)元素獲得焦點(diǎn)時(shí)執(zhí)行腳本。45onkeydownscript當(dāng)按鈕按下時(shí)執(zhí)行腳本。45onkeypressscript當(dāng)按鍵被按下時(shí)執(zhí)行腳本。45onkeyupscript當(dāng)按鈕松開時(shí)執(zhí)行腳本。45o

14、nloadscript當(dāng)文檔加載時(shí)執(zhí)行腳本。45onmessagescript 當(dāng) message 事件觸發(fā)時(shí)執(zhí)行腳本。5onmousedownscript當(dāng)鼠標(biāo)按鈕按下時(shí)執(zhí)行腳本。45onmousemovescript當(dāng)鼠標(biāo)指針移動(dòng)時(shí)執(zhí)行腳本。45onmouseoverscript當(dāng)鼠標(biāo)指針移動(dòng)到一個(gè)元素上時(shí)執(zhí)行腳本。45onmouseoutscript當(dāng)鼠標(biāo)指針移出元素時(shí)執(zhí)行腳本。45onmouseupscript當(dāng)鼠標(biāo)按鈕松開時(shí)執(zhí)行腳本。45onmousewheelscript 當(dāng)鼠標(biāo)滾輪滾動(dòng)時(shí)執(zhí)行腳本。5onresetscript 當(dāng)表單重置時(shí)執(zhí)行腳本。不支持。4onresizescr

15、ipt 當(dāng)元素調(diào)整大小時(shí)運(yùn)行腳本。5onscrollscript 當(dāng)元素滾動(dòng)條被滾動(dòng)時(shí)執(zhí)行腳本。5onselectscript 當(dāng)元素被選中時(shí)執(zhí)行腳本。45onsubmitscript當(dāng)表單提交時(shí)運(yùn)行腳本。45onunloadscript當(dāng)文檔卸載時(shí)運(yùn)行腳本。5HTML 5不再支持的 HTML 4.01 屬性：onreset。標(biāo)簽屬性 屬性值描述45HTML 5標(biāo)簽擁有屬性。在每個(gè)標(biāo)簽的參考頁(yè)中可以找到相應(yīng)的特殊屬性。這里列出的屬性是通用于每個(gè)標(biāo)簽的核心屬性和語(yǔ)言屬性（有個(gè)別例外）。4: 指在HTML 4.01 中定義了該元素 5: 指在HTML 5 中定義了該元素acceskeya char

16、acter設(shè)置訪問一個(gè)元素的鍵盤快捷鍵。不支持。4classclass_rule orstyle_rule元素的類名。45contenteditabletrue false設(shè)置是否允許用戶編輯元素。5contentextmenuid of a menu element給元素設(shè)置一個(gè)上下文菜單。5dirltr rtl設(shè)置文本方向。45draggabletrue false auto設(shè)置是否允許用戶拖動(dòng)元素。5idid_name元素的唯一 id。45irrelevanttrue false設(shè)置元素是否相關(guān)。不顯示非相關(guān)的元素。5langlanguage_code設(shè)置語(yǔ)言碼。45refurl or

17、elementID引用另一個(gè)文檔或本文檔上另一個(gè)位置。僅在 template 屬性設(shè)置時(shí)使用。5registrationmarkregistration mark為元素設(shè)置拍照?？梢?guī)定于任何 <rule> 元素的后代元素，除了 <nest> 元素。5stylestyle_definition行內(nèi)的樣式定義。45tabindexnumber設(shè)置元素的 tab 順序。45templateurl or elementID引用應(yīng)該應(yīng)用到該元素的另一個(gè)文檔或本文檔上另一個(gè)位置。5titletooltip_text 顯示在工具提示中的文本。45HTML 5 標(biāo)簽中的新屬性有：con

18、tenteditable, contextmenu, draggable, irrelevant, ref,registrationmark, template HTML 5 中不再支持的屬性：accesskey第二部分 按功能分一、主體結(jié)構(gòu)header頁(yè)面頭部，頁(yè)面中的一個(gè)內(nèi)容區(qū)塊或頭部。不同與<head></head>aside邊欄（與article相關(guān)的輔助信息）nav外部鏈接集合section表示頁(yè)面內(nèi)一個(gè)內(nèi)容區(qū)塊，章節(jié)或段落（章節(jié)，頁(yè)眉，頁(yè)腳或頁(yè)面中其他部分?？膳chi-h6(標(biāo)題標(biāo)簽)結(jié)合使用article一塊獨(dú)立的內(nèi)容。類似文章、頁(yè)面中BLOG的正文部分。摘

19、要或留言POST等形式的記錄（一般搭配內(nèi)嵌頭部、尾部、底部結(jié)構(gòu)使用）hggroup類似子標(biāo)題，標(biāo)題信息、可選標(biāo)題、TAG標(biāo)簽這樣的數(shù)據(jù)，還是英文更好理解一些，heading of a sectionaddress聯(lián)系信息，一般用在article或body錨元素周圍footer頁(yè)腳二、HTML 5元素標(biāo)記匯總表文檔類型宣告<!DOCTYPE html>根元素元素htmlMETA元素head、 title、base、link、meta、style部件元素body、section、nav、article、aside、h1、 h2、 h3、h4、 h5、 h6、hgroup、header、

20、footer、address分組內(nèi)容元素p、hr、br、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、div文本層次語(yǔ)義元素a、em、strong、small、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span編輯元素ins、del嵌入內(nèi)容元素img、iframe、embed、object、param、video、audio、source、canvas、map、area表格元素table、caption、colgroup、col、tbod

21、y、thread、tfoot、tr、td、th表單元素form、fieldset、legend、label、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter互動(dòng)元素details、summary、command、menu腳本元素script、noscript三、HTML 5元素通用屬性和事件句柄HTML5元素通用屬性表accesskey、class、contenteditable、contextmenu、dir、 draggable、hidden、id、lang、spellcheck、sty

22、le、tabindex、titleHTML5元素事件句柄屬性onabort、onblur*、oncanplay、oncanplaythrough、onchange、 onclick、 oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、 ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、 onerror*、onfocus*、onformchange、onforminput、oninput、oninvalid、onkeydown、 onk

23、eypress、onkeyup、onload*、onloadeddata、onloadedmetadata、onloadstart、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、 onpause、onplay、onplaying、onprogress、onratechange、onreadystatechange、 onscroll、onseeked、onseeking、onselect、onshow、onstalled、onsubmit、 onsuspend、ontimeupdate、onvolu

24、mechange、onwaiting。四、HTML5元素標(biāo)記釋義標(biāo)記類型意義介紹文件標(biāo)記<html>根文件標(biāo)記讓瀏覽器知道這是HTML 文件META標(biāo)記<head>開頭提供文件整體信息<title>標(biāo)題定義文件標(biāo)題，顯示于瀏覽器頂端<base>o基準(zhǔn)標(biāo)記可將相對(duì)URL轉(zhuǎn)絕對(duì)及指定鏈接<link>o外部資源連接必須帶rel屬性描述<meta>o其它META數(shù)據(jù)不能被title, base, link, style, 和script元素描述的META數(shù)據(jù)<style>嵌入文檔風(fēng)格信息部件標(biāo)記<body>

25、文檔主體開始文檔內(nèi)容容器<section>代表通用文檔或應(yīng)用部件<nav>導(dǎo)航鏈接外部鏈接或文檔內(nèi)部鏈接<article>頁(yè)面模塊類似文章、摘要或留言POST等形式的記錄<aside>孤立模塊一般作為邊欄廣告、說明、引用、導(dǎo)航等，aside圍堵部分一般與正文耦合較小<h1>標(biāo)題標(biāo)記此外還有h2, h3, h4, h5, h6<hgroup>群組標(biāo)題用在一組h1-h6這樣的元素集合時(shí)使用，用來(lái)區(qū)分主副標(biāo)題？<header>組說明或組導(dǎo)航也可叫頁(yè)頭標(biāo)題<footer>頁(yè)腳標(biāo)題作用范圍跟最近部件元素有關(guān)&

26、lt;address>地址或聯(lián)系信息分組內(nèi)容標(biāo)記<p>段落標(biāo)記<hr>o水平分割線<br>o換行<pre>預(yù)格式化分本塊<blockquote>塊引用<ol>編號(hào)列表<ul>項(xiàng)目列表<li>列表項(xiàng)<dl>定義列表<dt>定義名稱<dd>定義說明<figure>流內(nèi)容區(qū)塊說明多結(jié)合figcaption使用<figcaption>figure內(nèi)容屬性<div>定位標(biāo)記無(wú)實(shí)際意義文本層次語(yǔ)義標(biāo)記<a>鏈接標(biāo)記<

27、em>強(qiáng)調(diào)標(biāo)記<strong>加重標(biāo)記<small>字體縮小<cite>斜體標(biāo)記<q>引用標(biāo)記內(nèi)容原文是phrasing content，暫不清楚如何翻譯<dfn>術(shù)語(yǔ)定義<abbr>縮略語(yǔ)<time>日期時(shí)間<code>程序代碼<var>變量<samp>范例<kbd>鍵盤字<sub><sups>上標(biāo)字/下標(biāo)字<i>斜體標(biāo)記<b>粗體標(biāo)記<mark>標(biāo)記或高亮<ruby>注解標(biāo)記<

28、rt>ruby子元素結(jié)合ruby使用，比如:<ruby>天<rt>Tian</rt>緣<rt>Yuan</rt></ruby><rp>ruby子元素一般做rt元素注釋使用<bdo><span>自定義標(biāo)記編輯標(biāo)記<ins><del>嵌入內(nèi)容標(biāo)記<img>圖片標(biāo)記<iframe>框架標(biāo)記<embed>嵌入標(biāo)記<object>對(duì)象標(biāo)記<param>參數(shù)標(biāo)記<video>視頻標(biāo)記<audi

29、o>音頻標(biāo)記<source>來(lái)源標(biāo)記<canvas>制圖標(biāo)記<map>地圖標(biāo)記<area>區(qū)域標(biāo)記表格標(biāo)記<table>表格標(biāo)記設(shè)定該表格的各項(xiàng)參數(shù)<caption>表格標(biāo)題做成一打通列以填入表格標(biāo)題<colgroup><col><tbody><thread><tfoot><tr>表格列設(shè)定該表格的列<td>表格欄設(shè)定該表格的欄<th>表格標(biāo)頭相等于<TD>，但其內(nèi)文字字體會(huì)變粗表單標(biāo)記<form>

30、表單標(biāo)記決定該表單的運(yùn)作模式<fieldset><legend><input>輸入標(biāo)記<label><button>按鈕<select>選擇標(biāo)記<datalist><optgroup><option>選項(xiàng)<textarea><keygen><output><progress><meter>互動(dòng)元素<details><summary><command><menu>其他標(biāo)記<sc

31、ript><noscript>備注： 1、 表示該標(biāo)記屬于圍堵標(biāo)記，需要結(jié)束標(biāo)記</標(biāo)記>。2、o 表示該標(biāo)記屬空標(biāo)記，不需要結(jié)束標(biāo)記。五、html5中被廢除的屬性在HTML 4中使用的屬性使用該屬性的元素在HTML 5中的替代方案revlink、arelcharsetlink、a在被鏈接的資源的中使用HTTP Comem-type頭元素shape、 coordsa使用area元素代替a元素longdescimg, iframe使用a元素鏈接到較長(zhǎng)描述targetlink多余屬性，被省略nohrefarea多余屬性，被省略profilehead多余屬性，被省略ve

32、rsionhtml多余屬性，被畨略nameimgidschememeta只為某個(gè)表單域使用schemearchive、classid、codebase, codetype、declare, standbyobject使用data與type屬性類調(diào)用插件。需要使用這些厲性 來(lái)設(shè)S參數(shù)時(shí)，使用param屬性valuetype% typeparam使用name與value域性，不聲明值的MIME類型axis、abbrtd、th使用以明確簡(jiǎn)潔的文字開頭、后跟詳述文字的形式。 可以對(duì)更洋細(xì)內(nèi)容使用title屬性，來(lái)使單元格的內(nèi)容 變得簡(jiǎn)短scopetd在被鏈接的資源的中使用HTTP Content-ty

33、pe頭元素aligncaption、input legend、div、 hi、 h2、 h3、 h4、 h5、 h6、 p使用CSS樣式表替代alink、link、text, vlink、 background、bgcolorbody使用CSS樣式表替代align、bgcolor、border、 cellpadding、cellspacing, frame、rules、widthtable使用CSS樣式表替代align、char、charoff、height、 nowrap, valigntbody、 thead, tfoot使用CSS樣式表替代align、bgcolor、char、charo

34、ff, height, nowrap、valign, widthtd、th使用CSS樣式表替代align、bgcolor、char、charoff、 valigntr使用CSS樣式表替代align、char、charoff、valign、 widthcol、colgroup使用CSS樣式表替代align、border, hspace、vspaceobject使用CSS樣式表替代clearbr使用CSS樣式表替代compact, typeol、 ul、 li使用CSS樣式表替代compactdl使用CSS樣式表替代compactmenu使用CSS樣式表替代widthpre使用CSS樣式表替代al

35、ign、hspace, vspaceimg使用CSS樣式表替代align、noshade、size、widthhr使用CSS樣式表替代align、frameborder, scrolling、 marginheight、marginwidthiframe使用CSS樣式表替代autosubmitmenu種類說明支持瀏覽器search與text文本框類似，伹是它用于搜索， 比如站點(diǎn)搜索或Google捜索在Safari4瀏覽器中其外觀與text不 同，在其他瀏覽器中外觀均與text相同tel與text文本框類似，但是專用于電話在各瀏覽器中外觀與text相同url與tex文本框t類似，但是要求用戶必 須在其中正確輸入url格式的文字Opera 10email與text文本框類似，但是要求用戶必 須在其中正確輸入email格式的文字Opera 10datetim

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論