《HTML5從入門到精通》中文學習教程

電子書:/books/腳本之家L5 從第1頁,總21頁 05-16-2011目錄HTML5介紹 5教程前言14HML5簡介 15HML5視頻 17HML5音頻 21HML5aas 25HML5eb存儲 36HML5nt類型 41HML5表元素 51HML5表屬性 56HML5參手冊 70HML5標屬性 79HML5事屬性 79HML5標簽 85<!--...-->簽85<!DOCTYPE>標簽 86<abbr>標簽 91>標簽 92<address>93<aplt>95<area>標簽 95<artile>98<aside>標簽 100<audo>100<b>標簽 101<bas>標簽 102<baseon>標簽 103<bdo>標簽 104<bokuoe>標簽 105bd>標簽 105<br/>標簽 106<bton>107<canva>109<capton>1<center>13<e><strong><dn>code><ap><kbd><var>cte>標簽 13<col>標簽 14lgu>標簽 17<coand>標簽 19<dtaist>120<dd>標簽 121<dl>標簽 123第2頁,總21頁 05-16-2011<dtals>124<dir>標簽 125<dv>標簽 125<d>標簽 126<d>標簽 128<ebed>130<iede>131<figapin>標簽 133<figur>134<fon>標簽 135<fooer>135<for>標簽 137<frae>標簽 139<fraeset>標簽 139<h1>至>標簽 140<hed>標簽 141<heder>143<hgop>144<hr>標簽 146<htl>標簽 147<i>標簽 149<ifrae>150<ig>標簽 151ipt>標簽 155<ins>標簽 162<kegn>164<e><strong><dn>code><ap><kbd><var>cte>標簽 165<lbe>標簽 168<lgend>170<li>標簽 172<lnk>標簽 177<ap>標簽 179<ak>標簽 181<enu>182<eta>標簽 183<eter>188<nv>標簽 190<nofraes>標簽 191<objet>196<o>標簽 197otgu>標簽 200<oton>201otut> 204<p>標簽 205第3頁,總21頁 05-16-2011<para>標簽 209<pre>標簽 210<progress>標簽 212<q>標簽 213<rp>標簽 214<rt>標簽 216<ruby>標簽 217<s>標簽 218<scrit>219<secion>221<selct>222<sall>標簽 225<soure>225<spn>標簽 226<strie>227<stle>標簽 227<sub>和<up>標簽 20<sumary>標簽 231<tbl>標簽 232<tod>242<td>標簽 244<txtara>246<tfoot>標簽 248<th>標簽 250<thead>標簽 253<tie>標簽 254<tile>標簽 256<tr>標簽 257<tt>標簽 258<u>標簽 258<u>標簽 259<vdo>260聲明：相關測試代碼僅用于學習參考。筆者不保證內容的正確性。通過使用本站內容隨之而來的風險與筆者無關。當使用資料時，代表您已接受了本站的使用條款和隱私條款。本資料的所有內容僅供測試，對任何法律問題及風險不承擔任何責任。第4頁,總21頁 05-16-20115介紹HT5草案的前身名為bs。於4年被G提出於7年被C接納，并成立了新的HTL工作團隊。在8年1月2日，第一份正式草案已公布,預計將在0年9月正式向公眾推薦。WHATG表示該范是目前正在進行的工作，仍須多年的努力。新標記HTML5提供了一些新的元素和屬性，例如<nav>（網(wǎng)站導航塊）和<footer>。這種標簽將有利于搜索引擎的索引整理同時更好的幫助小屏幕裝置和視障人士使用除此之外還為其他瀏覽要素提供了新的功能，如<audio>和<video>標記。一些過時的HTML4標記將被取消。其中包括純粹顯示效果的標記，如<font>和<center>，它們已經(jīng)被CSS取代。<video標記定義和用法：<video>標簽定義視頻，比如電影片段或其他視頻流。實例：一段簡單的HTML5視頻<videosrc="movie.ogg"controls="controls">您的瀏覽器不支持video標簽。</video>各系統(tǒng)與瀏覽器支持的視頻格式：<th>HTML5 </th>操作系統(tǒng)瀏覽器支持度iwsInternetExploer6不支持如果安裝了GoogleChroera，支持HTML5InternetExploer7不支持如果安裝了GoogleChroera，支持HTML5InternetExploer8不支持如果安裝了GoogleChroera，支持HTML5InternetExploer9支持(mp4,webm*)*如果安裝了V8解碼器Firefox<3.5不支持第5頁,總21頁 05-16-2011Firefox3.5,.6支持（ogg）Firefox4支持（webm,ogg）Chrome<3不支持Chrome3,4,5支持（g）e6支持（g）Opera<1.5不支持Opera10.5支持（ogg）Opera10.6支持（webm,ogg）Opera1支持（webm,ogg）Safari3.,4,5支持（）MacSafari<.1不支持Safari3.,4,5支持（）Firefox<3.5不支持Firefox3.5,.6支持（ogg）Firefox4支持（webm,ogg）Chrome<3不支持Chrome3,4,5支持（g）e6支持（g）Opera<1.5不支持Opera10.5支持（ogg）Opera10.6支持（webm,ogg）Opera1支持（webm,ogg）Firefox<3.5不支持Firefox3.5,.6支持（ogg）Firefox4支持（webm,ogg）第6頁,總21頁 05-16-2011\h\hL5入門到精通中文學習教程Chrome<3不支持Chrome3,4,5支持（g）Chrom支持（g）Opera<1.5不支持Opera10.5支持（ogg）Opera10.6支持（webm,ogg）Opera1支持（webm,ogg）Konqueror<4.4不支持Konqueror4.4+支持（ogg）iOS(iPhone,iOS3,)Safari支持（）早期版本（S2）不支持HTML5視頻(iPad,iOS3.2)Safari支持（）Android2.1,2支持（）Android2.3支持（）ogg=帶有Thedora視頻編碼和orbis音頻編碼的Ogg文件。mp4=帶有H.264視頻編碼和AAC音頻編碼的MPEG4文件。<audio>標記定義和用法<audio>標簽定義聲音，比如音樂或其他音頻流。實例：一段簡單的HTML5音頻<audiosrc="someaudio.wav">您的瀏覽器不支持audio標簽。</audio>音頻格式：當前，audio元素支持三種音頻格式：IE8Firefox3.5Opera10.5Chrome3.0Safari3.0Oggorbis√√√第7頁,總21頁 05-16-2011√√av√√√<canvas>標記定義和用法：<canvas>標簽定義圖形，比如圖表和其他圖像。實例：如何通過canvas元素來顯示一個紅色的矩形：<canvasid="myCanvas"></canvas><scripttype="text/javascript">varcanvas=document.getElementById('myCanvas');varctx=canvas.getContext('2d');ctx.fillStyle='#FF0000';ctx.fillRect(0,0,80,100);</script>什么是Canvas？HTML5的canvas元素使用JavaScript在網(wǎng)頁上繪制圖像。畫布是一個矩形區(qū)域，您可以控制其每一像素。canvas擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。編輯本段HTM5:標簽的改變HTML5吸取了XHTML2一些建議包括一些用來改善文檔結構的功能比如新的HTML標簽heade,foote,dialog,aside,figure等的使用，將使內容創(chuàng)作者更加語義地創(chuàng)建文檔，之前的開發(fā)者在這些場合是一律使用div的。HTML5還包含了一些將內容和展示分離的努力，開發(fā)者們也許會驚訝，b和i標簽依然存在，但它們的意義已經(jīng)和之前有所不同這些標簽的意義只是為了將一段文字標識出來而不是為了為它們設置粗體或斜體式樣。u，font，center，strike這些標簽則被完全去掉了。新標準適用了一些全新的表單輸入對象包括日期URL，Email地址其它的對象則增加了對非拉丁字符的支持。HTML5還引入了微數(shù)據(jù)，一種使用機器可以識別的標簽標注內容的方法，使語義eb的處理更為簡單?？偟膩碚f，這些與結構有關的改進使內容創(chuàng)建者可以創(chuàng)建更干凈，更容易管理的網(wǎng)頁，這樣的網(wǎng)頁對搜索引擎，對讀屏軟件等更為友好。編輯本段新應用程序接口（I）除了原先的DOM接口，HTML5增加了更多API,如：1.用于即時2D繪圖的Canvas標簽2.定時媒體回放3.離線數(shù)據(jù)庫存儲4.文檔編輯第8頁,總21頁 05-16-20115.拖拽控制6.瀏覽歷史管理編輯本段與ML4的不同之處新的解析順序新的元素：section,video,progress,na,mete,time,aside,canvasinput元素的新屬性：日期和時間，email,url。新的通用屬性：ping,charset,async全域屬性：id,tabindex,repeat。移除元素：cente,font,strike。HTML5有兩大特點:首先，強化了eb網(wǎng)頁的表現(xiàn)性能。除了可描繪二維圖形外，還準備了用于播放視頻和音頻的標簽。其次，追加了本地數(shù)據(jù)庫等eb應用的功能。編輯本段異常處理HTML5(text/html)瀏覽器將在錯誤語法的處理上更加靈活。HTML5在設計時保證舊的瀏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比，HTML5給出了解析的詳細規(guī)則，力圖讓不同的瀏覽器即使在發(fā)生語法錯誤時也能返回相同的結果。編輯本段html5標簽按字母順序排列的標簽列表?4:指示在HTML4.01中定義了該元素?5:指示在HTML5中定義了該元素標簽描述45<!--...-->定義注釋。45<!DOCTYPE>定義文檔類型。45<a>定義超鏈接。45<abbr>定義縮寫。45<acronym>HTML5中不支持。定義首字母縮寫。4<address>定義地址元素。45<applet>HTML5中不支持。定義applet。4<area>定義圖像映射中的區(qū)域。45<article>定義article。5<aside>定義頁面內容之外的內容。5<audio>定義聲音內容。5<b>定義粗體文本。45<base>定義頁面中所有鏈接的基準URL。45<basefont>HTML5中不支持。請使用CSS代替。4<bdo>定義文本顯示的方向。45<big>HTML5中不支持。定義大號文本。4<blockquote>定義長的引用。45第9頁,總21頁 05-16-2011<body>定義body元素。45<br>插入換行符。45<button>定義按鈕。45<canvas>定義圖形。5<caption>定義表格標題。45<center>HTML5中不支持。定義居中的文本。4<cite>定義引用。45<code>定義計算機代碼文本。45<col>定義表格列的屬性。45<colgroup>定義表格列的分組。45<command>定義命令按鈕。5<datalist>定義下拉列表。5<dd>定義定義的描述。45<del>定義刪除文本。45<details>定義元素的細節(jié)。5<dfn>定義定義項目。45<dir>HTML5中不支持。定義目錄列表。4<div>定義文檔中的一個部分。45<dl>定義定義列表。45<dt>定義定義的項目。45<em>定義強調文本。45<embed>定義外部交互內容或插件。5<fieldset>定義fieldset。45<figcaption>定義figure元素的標題。5<figure>定義媒介內容的分組，以及它們的標題。5<font>HTML5中不支持。4<footer>定義section或page的頁腳。5<form>定義表單。45<frame>HTML5中不支持。定義子窗口（框架。4<frameset>HTML5中不支持。定義框架的集。4<h1>to<h6>定義標題1到標題6。45<head>定義關于文檔的信息。45<header>定義section或page的頁眉。5<hgroup>定義有關文檔中的section的信息。5<hr>定義水平線。45<html>定義html文檔。45<i>定義斜體文本。45<iframe>定義行內的子窗口（框架。45第10頁,總61頁 05-16-2011<img>定義圖像。45<input>定義輸入域。45<ins>定義插入文本。45<keygen>定義生成密鑰。5<isindex>HTML5中不支持。定義單行的輸入域。4<kbd>定義鍵盤文本。45<label>定義表單控件的標注。45<legend>定義fieldset中的標題。45<li>定義列表的項目。45<link>定義資源引用。45<map>定義圖像映射。45<mark>定義有記號的文本。5<menu>定義菜單列表。45<meta>定義元信息。45<meter>定義預定義范圍內的度量。5<nav>定義導航鏈接。5<noframes>HTML5中不支持。定義noframe部分。4<noscript>定義noscript部分。45<object>定義嵌入對象。45<ol>定義有序列表。45<optgroup>定義選項組。45<option>定義下拉列表中的選項。45<output>定義輸出的一些類型。5<p>定義段落。45<param>為對象定義參數(shù)。45<pre>定義預格式化文本。45<progress>定義任何類型的任務的進度。5<q>定義短的引用。45<rp>定義若瀏覽器不支持ruby元素顯示的內容。5<rt>定義ruby注釋的解釋。5<ruby>定義ruby注釋。5<s>HTML5中不支持。定義加刪除線的文本。4<samp>定義樣本計算機代碼。45<script>定義腳本。45<section>定義section。5<select>定義可選列表。45<small>定義小號文本。45<source>定義媒介源。5第11頁,總61頁 05-16-2011<span>定義文檔中的section。45<strike>HTML5中不支持。定義加刪除線的文本。4<strong>定義強調文本。45<style>定義樣式定義。45<sub>定義下標文本。45<summary>定義details元素的標題。5<sup>定義上標文本。45<table>定義表格。45<tbody>定義表格的主體。45<td>定義表格單元。45<textarea>定義textarea。45<tfoot>定義表格的腳注。45<th>定義表頭。45<thead>定義表頭。45<time>定義日期/時間。5<title>定義文檔的標題。45<tr>定義表格行。45<tt>HTML5中不支持。定義打字機文本。4<u>HTML5中不支持。定義下劃線文本。4<ul>定義無序列表。45<var>定義變量。45<video>定義視頻。5<xmp>HTML5中不支持。定義預格式文本。4HTML5正在改變bHTML5是近十年來eb標準最巨大的飛躍。和以前的版本不同，HTML5并非僅僅用來表示eb內容，它的使命是將eb帶入一個成熟的應用平臺，在這個平臺上，視頻，音頻，圖象，動畫，以及同電腦的交互都被標準化盡管HTML5的實現(xiàn)還有很長的路要走但HTML5正在改變eb。HTML最近的一次升級是1999年12月發(fā)布的HTML4.01。自那以后，發(fā)生了很多事。最初的瀏覽器戰(zhàn)爭已經(jīng)結束Netscape灰飛煙滅IE5作為贏家后來又發(fā)展到IE6,IE7,IE8到IE9MozillaFirefox從Netscape的死灰中誕生，并躍居第二位。蘋果和Google各自推出自己的瀏覽器，而小家碧玉的Opera仍然嚶嚶嗡嗡地活著并以推動eb標準為己命我們甚至在手機和游戲機上有了真正的eb體驗，感謝Opera，iPhone以及Google已經(jīng)推出的Android。然而這一切僅僅讓eb標準運動變得更加混亂HTML5和其它標準被束之高閣結果HTML5一直以來都是以草案的面目示人。于是，一些公司聯(lián)合起來，成立了一個叫做ebHypertextApplicationechnologyorkingGroup（eb超文本應用技術工作組-WHTWG）的組織，他們將重新揀起HTML5。這個組織獨立于W3C，成員來自Mozilla，KHTML/ebkit項目組，Google，Apple，Opera以及微軟。盡管HTML5草案不會在短期內獲得認可，但HTML5總算得以延續(xù)。第12頁,總61頁 05-16-2011HTML5將帶來什么？以下是HTML5草案中最激動人心的部分：全新的更合理的ag多媒體對象將不再全部綁定在object或embedag中而是視頻有視頻的ag音頻有音頻的ag本地數(shù)據(jù)庫這個功能將內嵌一個本地的SQL數(shù)據(jù)庫以加速交互式搜索，緩存以及索引功能。同時，那些離線eb程序也將因此獲益匪淺。不需要插件的富動畫。Canvas對象將給瀏覽器帶來直接在上面繪制矢量圖的能力，這意味著我們可以脫離Flash和Silverlight，直接在瀏覽器中顯示圖形或動畫一些最新的瀏覽器除了IE已經(jīng)開始支持Canvas瀏覽器中的真正程序。將提供API實現(xiàn)瀏覽器內的編輯，拖放，以及各種圖形用戶界面的能力。內容修飾ag將被剔除，而使用CSS。理論上講，HTML5是培育新eb標準的土壤，讓各種設想在他的組織者之間分享，但HTML5目前仍處于試驗階段。Mozilla的技術副總裁MikeShaver說HTML5是一個被寄予厚望的概念它既是WHTWG組織的實驗田，又是W3C的標準之路。Shaver認為Mozilla的興趣和WHTWG實驗相吻合Mozilla在HTML5工作組中非常活躍，我們對一些早期的細則進行實驗并將成熟的結果提交W3C。在過去的幾年，Mozilla隨著各種出現(xiàn)的新標準，推出多個富有前瞻性的項目，包括Prism，一個用于離線運行eb程序的系統(tǒng)，以及eave，一個數(shù)據(jù)存儲框架。Shaver說HTML5運動肇始于對W3C的不耐煩eb標準中的很多進展都因W3C將重點從HTML轉移到XML而停滯不前。很多基于XML架構的新技術被設計出來替代HTMLShaver說這不是一條正確的道路人們不應象黑瞎子掰玉米把樣一邊掰一邊丟。HTML5的新實驗在Firefox以及基于ebkit的Safari和Chrome瀏覽器中逐漸得到強化，但仍有不少問題。Chrome的開發(fā)者DarinFisher說，Chrome仍在襁褓中時，就不得不面臨幾個問題，盡管使用的是最新的ebkitHTML5的本地數(shù)據(jù)庫功能在Chrome的初期版本中并沒有實現(xiàn)因為Chrome的沙箱機制和ebkit的數(shù)據(jù)庫功能有沖突。而由于Chrome屬于秘密開發(fā)，Chrome的開發(fā)人員也不便參與ebkit的開發(fā)。我們要想保守Chrome的秘密，就無法參與ebkit社區(qū)。Fisher說，我們很希望可以在某些方面給ebkit以幫助我們擁有眾多經(jīng)驗豐富的開發(fā)者我們很想知道人們目前遇到的挑戰(zhàn)并樂意提供幫助。隨著Chrome的發(fā)布，F(xiàn)isher說他的團隊成員有時會和ebkit的人一起吃飯，有些人私下里還成了好朋友。Fisher稱，他們迫切地想同其他ebkit開發(fā)組一起工作解決離線數(shù)據(jù)庫的問題。Chrome里面還包含Google的開源Gears技術，用來實現(xiàn)與HTML5類似的離線功能。Gears可以看作已有API的替代品，F(xiàn)isher說，HTML5對新瀏覽器來說是非常好的東西，但絕大多數(shù)用戶還使用舊瀏覽器。Gears可以讓那些舊瀏覽器也獲得這樣的API，我們正在為HTML5版API提供兼容。Gears兼容性非常好，它正成為將HTML5帶向人們桌面的另外一條途徑。目前絕大多數(shù)工作由AppleMozilla,Opera,Google以及Trolltech展開微軟在干什么？IE因其對eb標準的遲鈍而聞名，更不要說HTML5。但IE8可能會做出改變。微軟IE平臺與WHT工作組主席Chrisilson在郵件中稱，我們希望我們現(xiàn)在開始的工作可第13頁,總61頁 05-16-2011以在HTML工作組創(chuàng)建一套測試系統(tǒng)ilson說，IE開發(fā)組仍然對HTML5的一些提議感到擔憂。我覺得工作組的所有成員都會承認我們還有很多事要做。目前處于Beta版的IE9，已經(jīng)包含HTML5的諸多新功能。它擁有一個跨文檔消息系統(tǒng)，本地存儲，以及一些離線事件來檢測網(wǎng)絡的中斷。但還有些功能還未提上議程，如Canvas。HTML5非常龐大仍處在開發(fā)階段我認為瀏覽器廠商應當盡快達成一致而每個瀏覽器的具體實現(xiàn)時間可以自己選擇。eb開發(fā)者和瀏覽器廠商會同意ilson的下面這句話，這確切無疑是一個激動人心的時刻，我們希望看到eb成為新的應用平臺。教程前言HTL5下一代的。本教程向您講解L5中的新特性，以及每種標簽的使用。每一章中的實例通過我們的HTL編輯器，您能夠編輯HT，然后點擊按鈕來查看結果。實例<!DOCTYPEHTML>o"h0"ee"gee"mYourbrowerdoesnotsupportthevideota.第14頁,總61頁 05-16-2011TIY親自試一試吧，代碼如下：<!DOCTYPEHTML>o"h0"eo"eo"Yourbrowerdoesnotsupportthevideota.實例TIY中的代碼用來查看它是如何工作的?，F(xiàn)在就開始學習HTL5！HTML5簡介HTML5是下一代的L。什么是HTML？第15頁,總61頁 05-16-2011HTL5成為HT、L以及HTLM的新標準。HTL的上一個版本誕生于9年。自從那以后，b世界已經(jīng)經(jīng)歷了巨變。HTL5處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些HTL5持。HTML5是如何起步的？HTL5是C與HATWG作的結果。編者注：C指WorldWideWebConsortiu，萬維網(wǎng)聯(lián)盟。編者注：WHATWG指WebHypertextAppliationTechnologyWorkingGrou。WHATWG致力于b表單和應程序而C專注于L0在6年雙方?jīng)Q定進行合作，來創(chuàng)建一個新版本的。為HTL5建立的一些規(guī)則：新特性應該基于HT、CSS、M以及JaScrip。減少對外部插件的需求（比如Flah）更優(yōu)秀的錯誤處理更多取代腳本的標記HTL5該獨立于設備開發(fā)進程應對公眾透明新特性HTL5的一些有趣的新特性：用于繪畫的canvas用于媒介回放的o和o對本地離線存儲的更好的支持新的特殊內容元素，比如articl、r、r、nav第16頁,總61頁 05-16-2011新的表單控件，比如r、、、eai、ur、瀏覽器支持最新版本的Safar、、Firefox以及Opera支持些HTL5特性。IntenetExplorr9將支持某些HTL5特性。HTML5視頻許多時髦的網(wǎng)站都提供視頻。HTL5提供了示視頻的標準。b上的視頻直到現(xiàn)在，仍然不存在一項旨在網(wǎng)頁上顯示視頻的標準。今天，大多數(shù)視頻是通過插件（比如Flash來顯示的。然而，并非所有瀏覽器都擁有同樣的插件。HTL5定了一種通過o素來包含視頻的標準方法。視頻格式當前，o元素支持種視頻格式：格式 IE Firefox Opera e SafariOgg o + + + PG4 + o o + M o + + + g=帶有Theora頻編碼和Vrbis音頻碼的Ogg文件P4=帶有H.264視頻編碼和AAC音編碼的PG4文件M=帶有VP8頻編碼和Vrbis音頻碼的M文件如何工作第17頁,總61頁 05-16-2011如需在HTL5中顯示視頻，您所有需要的是：oo"sTIY親自試一試吧，代碼如下：<!DOCTYPEHTML>oe" "h0"Yourbrowerdoesnotsupportthevideota.control性供添加播放、暫停和音量控件。包含寬度和高度屬性也是不錯的主意。>與>之間插入的內容是供不支持o元素的瀏覽器顯示的：實例oo""g"ccYourbrowerdoesnotsupportthevideota.第18頁,總61頁 05-16-2011TIY親自試一試吧，代碼如下：<!DOCTYPEHTML>o"h0"eo"eo"Yourbrowerdoesnotsupportthevideota.上面的例子使用一個g文件，適用于Firefo、Opera及e瀏覽器。要確保適用于Safari瀏覽器，視頻文件必須是P4類型。o元素允許多個e元素e元素可以鏈接不同的視頻文件瀏覽器將使用第一個可識別的格式：實例o"h0"ee"g第19頁,總61頁 05-16-2011ee"mYourbrowerdoesnotsupportthevideota.TIY親自試一試吧，代碼如下：<!DOCTYPEHTML>o"h0"eo"eo"Yourbrowerdoesnotsupportthevideota.InternetEplorerInternetEplorer8支持o元素。在IE9中，將供對使用P4的vdeo元素的支持。>標簽的屬性屬性值描述第20頁,總61頁 05-16-2011autoplayautoplay如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。height設置視頻播放器的高度。如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放。如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預備播放。如果使用"autoplay，則忽略該屬性。url要播放的視頻的UR。width設置視頻播放器的寬度。相關頁面參考手冊：L5>標簽-\hwlHLHTLvHTML5音頻HTML5供了播放音頻的標準。b上的音頻直到現(xiàn)在，仍然不存在一項旨在網(wǎng)頁上播放音頻的標準。今天，大多數(shù)音頻是通過插件（比如Flash來播放的。然而，并非所有瀏覽器都擁有同樣的插件。HTL5定了一種通過o素來包含音頻的標準方法。o元素能夠播放聲音文件或者音頻流。音頻格式當前，o元素支持種音頻格式：第21頁,總61頁 05-16-2011IE9 Firefox3.5 a5 e0 Safari.0OggVorbis √ √ √P3 √ √ √Wav √ √ √如何工作如需在HTL5中播放音頻，您所有需要的是：og"">control性供添加播放、暫停和音量控件。>與>之間插入的內容是供不支持o元素的瀏覽器顯示的：實例og"">Yourbrowerdoesnotsupporttheaudiota.TIY親自試一試吧，代碼如下：<!DOCTYPEHTML>第22頁,總61頁 05-16-2011o"sYourbrowerdoesnotsupporttheaudioelement.上面的例子使用一個g文件，適用于Firefo、Opera及e瀏覽器。要確保適用于Safari瀏覽器，音頻文件必須是P3或Wav類型。o元素允許多個e元素e元素可以鏈接不同的音頻文件瀏覽器將使用第一個可識別的格式：實例<audiocontrols="controls">e"g>e"mYourbrowerdoesnotsupporttheaudiota.TIY親自試一試吧，代碼如下：<!DOCTYPEHTML>第23頁,總61頁 05-16-2011<audiocontrols="controls">en"oen"Yourbrowerdoesnotsupporttheaudioelement.InternetEplorerInternetEplorer8支持o元素。在IE9中，將供對o元素的支持。>標簽的屬性屬性值描述autoplayautoplay如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。如果出現(xiàn)該屬性，則每當音頻結束時重新開始播放。如果出現(xiàn)該屬性，則音頻在頁面加載時進行加載，并預備播放。如果使用"autoplay，則忽略該屬性。url要播放的音頻的UR。相關頁面參考手冊：L5>標簽-\hwlHLHTL第24頁,總61頁 05-16-2011HTML5Canvascanvas素用于在網(wǎng)頁上繪制圖形。什么是？HTL5的canvas素使用JavScript在頁上繪制圖像。畫布是一個矩形區(qū)域，您可以控制其每一像素。canvas有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。創(chuàng)建Canvs元素向HTL5頁面添加canvas元素。規(guī)定元素的、寬度和高度：s""g>通過Javript來繪制canvas素本身是沒有繪圖能力的。所有的繪制工作必須在Javript內部成：tvrvarcxt=c.tContext("2d");05JavaScript使用d尋找canvs元素：r然后，創(chuàng)建context象：第25頁,總61頁 05-16-2011varcxt=c.tContext("2d");)對象是內建的L5對象，擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。下面的兩行代碼繪制一個紅色的矩形：05fillStyle法將其染成紅色，fillRt方法規(guī)定了形狀、位置和尺寸。理解坐標上面的t方法擁有參數(shù)。意思是：在畫布上繪制5的矩形，從左上角開始。如下圖所示，畫布的X和Y坐標于在畫布上對繪畫進行定位。實例：把鼠標懸停在矩形上可以看到坐標,自試一試吧，代碼如下：<!DOCTYPEHTML><styletyp="text/css">body{fontize70%;第26頁,總61頁 05-16-2011font-famil:verdana,elvetica,arial,sans-serif;}tvn{document.getElementById("xycrdinates").innera:"+x+"+y+}functioncvs_clearCoordinates(){}<bodystye="margin0px">把鼠標懸停在下面的矩形上可以看到坐標：v"fdxdmil<r第27頁,總61頁 05-16-2011rrv<更多Canvs實例下面的在canvas元素進行繪畫的更多實例：實例-線條通過指定從何處開始，在何處結束，來繪制一條線：JavaScript代碼：tvrvarcxt=c.tContext("2d");0xk第28頁,總61頁 05-16-2011canvas素：s""g"stxdYourbrowerdoesnotsupportthecanvaselement.親自試一試吧，代碼如下：<!DOCTYPEHTML>s""g"stxdYourbrowerdoesnotsupportthecanvaselement.tvrvarcxt=c.tContext("2d");0xk第29頁,總61頁 05-16-2011實例-圓形通過規(guī)定尺寸、顏色和位置，來繪制一個圓：JavaScript代碼：tvrvarcxt=c.tContext("2d");0xP,axPxfcanvas素：s""g"stxdYourbrowerdoesnotsupportthecanvaselement.第30頁,總61頁 05-16-2011親自試一試吧，代碼如下：<!DOCTYPEHTML>s""g"stxdYourbrowerdoesnotsupportthecanvaselement.tvrvarcxt=c.tContext("2d");0xP,axPxf第31頁,總61頁 05-16-2011實例-漸變使用您指定的顏色來繪制漸變背景：JavaScript代碼：tvrvarcxt=c.tContext("2d");rcxt.fillSyl=grd;0canvas素：s""g"stxd第32頁,總61頁 05-16-2011Yourbrowerdoesnotsupportthecanvaselement.親自試一試吧，代碼如下：<!DOCTYPEHTML>s""g"stxdYourbrowerdoesnotsupportthecanvaselement.tvrvarcxt=c.tContext("2d");rcxt.fillSyl=grd;第33頁,總61頁 05-16-20110實例-圖像把一幅圖像放置到畫布上：JavaScript代碼：tvrvarcxt=c.tContext("2d");varimg=wImage(),canvas素：第34頁,總61頁 05-16-2011s""g"stxdYourbrowerdoesnotsupportthecanvaselement.親自試一試吧，代碼如下：<!DOCTYPEHTML>s""g"stxdYourbrowerdoesnotsupportthecanvaselement.tvrvarcxt=c.tContext("2d");varimg=wImage()i.,第35頁,總61頁 05-16-2011相關頁面參考手冊：L5v>標\hwo\hHLL參考手冊：LMvs對象\hwo\hhd_aHTML5Web存儲在客戶端存儲數(shù)據(jù)HTL5供了兩種在客戶端存儲數(shù)據(jù)的新方法：e-沒有時間限制的數(shù)據(jù)存儲e-針對一個n的數(shù)據(jù)儲之前這些都是由e完成的但是e不適合大數(shù)據(jù)的存儲因為它們由每個對服務器的請求來傳遞，這使得e速度很慢而且效率也不高。在HTL5中，數(shù)據(jù)不是由每個服務器請求傳遞的，而是只有在請求時使用數(shù)據(jù)。它使在不影響網(wǎng)站性能的情況下存儲大量數(shù)據(jù)成為可能。對于不同的網(wǎng)站，數(shù)據(jù)存儲于不同的區(qū)域，并且一個網(wǎng)站只能訪問其自身的數(shù)據(jù)。HTL5用JavScrpt來存儲訪問數(shù)據(jù)。e方法e方法存儲的數(shù)據(jù)沒有時間限制。第二天、第二周或下一年之后，數(shù)據(jù)依然可用。如何創(chuàng)建和訪問：實例tv第36頁,總61頁 05-16-2011l親自試一試吧，代碼如下：<!DOCTYPEHTML>tvat:"+下面的例子對用戶訪問頁面的次數(shù)進行計數(shù)：實例tvfo第37頁,總61頁 05-16-2011{)}{}ts+t+"s親自試一試吧，代碼如下：<!DOCTYPEHTML>tvat:"+e方法e方法針對一個n進行據(jù)存儲。當用戶關閉瀏覽器窗口后，數(shù)據(jù)會被刪除。第38頁,總61頁 05-16-2011如何創(chuàng)建并訪問一個：實例tvh;i親自試一試吧，代碼如下：<!DOCTYPEHTML>tvfo{)}{}t:"+t+"");第39頁,總61頁 05-16-2011刷新頁面會看到計數(shù)器在增長。請關閉瀏覽器窗口，然后再試一次，計數(shù)器會繼續(xù)計數(shù)。下面的例子對用戶在當前n中訪問頁面的次數(shù)進行計數(shù)：實例tvf{i)}{}tsn"s)s親自試一試吧，代碼如下：<!DOCTYPEHTML>第40頁,總61頁 05-16-2011tvf{oSt)}{o}ts"+t+")s刷新頁面會看到計數(shù)器在增長。請關閉瀏覽器窗口，然后再試一次，計數(shù)器已經(jīng)重置了。HTML5Input類型HTL5的InputHTL5有多個新的表單輸入類型。這些新特性提供了更好的輸入控制和驗證。本章全面介紹這些新的輸入類型：第41頁,總61頁 05-16-2011urlnumberes,,,,,l)color瀏覽器支持InputypeIEFirefoxOperaSafariurlnumberecolor注釋：Opera對新的輸入類型的支持最好。不過您已經(jīng)可以在所有主流的瀏覽器中使用它們了。即使不被支持，仍然可以顯示為常規(guī)的文本域。Input類型-l類型用于應該包含l地址的輸入域。第42頁,總61頁 05-16-2011在提交表單時，會自動驗證l域的值。實例:t"e"親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">:t"e"br<inputty="submit"/>提示e中的Sfari瀏覽器持l輸入類型并過改變觸摸屏鍵盤來配合（添加@和選項）。Input類型-url類型用應該包含L地址的輸入域。在提交表單時，會自動驗證url的值。實例第43頁,總61頁 05-16-2011:t"_u"親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">:t"_u"r<inputty="submit"/>提示e中的Sfari瀏覽器持url輸類型并通過改變觸摸屏鍵盤來配合（添加.cm選項。Input類型-number型用于應該包含數(shù)值的輸入域。您還能夠設定對所接受的數(shù)字的限定：實例:t"n"1"0"親自試一試吧，代碼如下：<!DOCTYPEHTML>第44頁,總61頁 05-16-2011mmL5r"">:t"n"1"0"<inputty="submit"/>請使用下面的屬性來規(guī)定對數(shù)字類型的限定：屬性值描述maxnumber規(guī)定允許的最大值minnumber規(guī)定允許的最小值number規(guī)定合法的數(shù)字間隔（如果，則合法的數(shù)是6等）valuenumber規(guī)定默認值請試一下帶有所有限定屬性的例子：親自試一試吧，代碼如下：<!DOCTYPEHTML>第45頁,總61頁 05-16-2011mmL5r"">t"p""="=""<inputty="submit"/>提示e中的Sfari瀏覽器持number輸入類型并通過改變觸摸屏鍵盤來配合（顯示數(shù)字。Input類型-e類用于應該包含一定范圍內數(shù)字值的輸入域。e類顯示為滑動條。您還能夠設定對所接受的數(shù)字的限定：實例t"in""1"親自試一試吧，代碼如下：<!DOCTYPEHTML>第46頁,總61頁 05-16-2011mmL5r"">:t"t"<inputty="submit"/>請使用下面的屬性來規(guī)定對數(shù)字類型的限定：屬性值描述maxnumber規(guī)定允許的最大值minnumber規(guī)定允許的最小值number規(guī)定合法的數(shù)字間隔（如果，則合法的數(shù)是6等）valuenumber規(guī)定默認值Input類型-DatePicer（數(shù)據(jù)檢出器）HTL5有多個可供選取日期和時間的新輸入類型：e-選取日、月、年h-取月、年k-選取周和年e-選取時間（小時和分鐘）第47頁,總61頁 05-16-2011e-選取時間、日、月、年（C時間）l-選取時間、日、月、年（本地時間）下面的例子允許您從日歷中選取一個日期：實例:t"t"親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">:t"t"<inputty="submit"/>輸入類型親自試一試吧，代碼如下：<!DOCTYPEHTML>第48頁,總61頁 05-16-2011mmL5r"">:t""<inputty="submit"/>輸入類型親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">:t"d"<inputty="submit"/>輸入類型親自試一試吧，代碼如下：第49頁,總61頁 05-16-2011<!DOCTYPEHTML>mmL5r"">:t"et"<inputty="submit"/>輸入類型"親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">ed:t"_"<inputty="submit"/>第50頁,總61頁 05-16-2011輸入類型親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">ed:tol""<inputty="submit"/>Input類型-h類型用于搜索域，比如站點搜索或e搜索。h域顯示為常規(guī)的文本域。HTML5表單元素HTL5新的表單元素：HTL5有若干涉及表單的元素和屬性。本章介紹以下新的表單元素：第51頁,總61頁 05-16-2011keygenoutput瀏覽器支持InpttpeIEFirfoxpkeendatalist元素t元素規(guī)定輸入域的選項列表。列表是通過t內的n元素創(chuàng)建的。如需把t綁定到輸入域，請用輸入域的t屬性引用t的：實例:t""n"tnh"\hw"ne"\hg"nos"\hw"親自試一試吧，代碼如下：<!DOCTYPEHTML>第52頁,總61頁 05-16-2011mmL5r"">:t""n"tnh"\hwl"ne"\hg"nos"\hw"<inputty="submit"/>提示：n元素永都要設置vlue屬性。n元素keygen素的作用是提供一種驗證用戶的可靠方法。keygen素是密鑰對生成器（r）。當提交表單時，會生成兩個鍵，一個是私鑰，一個公鑰。私鑰（privtekey）儲于客戶端，公鑰（publickey）被發(fā)送到服務器。公鑰可用于之后驗證用戶的客戶端證書（clientcertifiat）。目前，瀏覽器對此元素的糟糕的支持度不足以使其成為一種有用的安全標準。實例mo":ty""第53頁,總61頁 05-16-2011:ne"<inputty="submit"/>親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">:ty"":ne"<inputty="submit"/>output元素output元用于不同類型的輸出，比如計算或腳本輸出：實例t"ct>親自試一試吧，代碼如下：<!DOCTYPEHTML>第54頁,總61頁 05-16-2011tvn{numA=document.getementById("num_a").value;.value=Number(numA)+Number(numB);}使用output元的簡易計算器：munt">+t">=t"c<p第55頁,總61頁 05-16-2011HTML5表單屬性HTML5的新的表單屬性本章講解涉及>和<inpu>元素的新屬性。新的form屬性：新的input屬性：autofocusformformoverrdes(formaction,forenctype,frmmethod,formnovaldate,formrget)height和widthmin,max和pattern(regexp)required瀏覽器支持InputypeIEFirefoxOperaSafari第56頁,總61頁 05-16-2011autofocus o o 0 form o o 5 o formoverrdes o o 5 o heightandwidth 0 5 5 t o o 5 o min,maxndstep o o 5 0 e o 5 o e o o o o pattern o o 5 0 r o o o required o o 5 0 e屬性e屬性規(guī)定form或t域應擁有自動完成功能。注釋：e適用于f>標簽，以及以下類型的>標簽：,,telephone,email,password,datepickers,rnge以及r。當用戶在自動完成域中開始輸入時，瀏覽器應該在該域中顯示填寫的選項：實例mo""ont:t""rt:t"a"r第57頁,總61頁 05-16-2011:t"l"e"r<inputty="submit"/>親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r""tt""rt:t"a"r:t"l"e"r<inputty="submit"/>請?zhí)顚懖⑻峤淮吮韱危缓笾剌d頁面，來查看自動完成功能是如何工作的。請注意，表單的自動完成功能是打開的，而l域是關閉的。注釋：在某些瀏覽器中，您可能需要啟用自動完成功能，以使該屬性生效。autofocus屬性autofocus屬性規(guī)定在頁面加載時，域自動地獲得焦點。第58頁,總61頁 05-16-2011注釋：autofocus屬性適用于所有>標的類型。實例r:t"er" "親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">r:t"er""<inputty="submit"/>form屬性form屬規(guī)定輸入域所屬的一個或多個表單。注釋：form屬性適用所有>標簽的類型。form屬必須引用所屬表單的：實例mo""stt""<inputty="submit"/>第59頁,總61頁 05-16-2011t:t"a""親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r""tt""<inputty="submit"/>下面的輸入域在frm元素外，但仍然是表單的一部分。t:t"a""注釋：如需引用一個以上的表單，請使用空格分隔的列表。表單重寫屬性表單重寫屬性（formverrideattibute）允許您重寫frm元素某些屬性設定。表單重寫屬性有：第60頁,總61頁 05-16-2011formaction-重寫表單的n屬性e-重寫表單的e屬性d-重寫單的d屬性formnovaldate-重寫表單的e屬性t-重寫表單的target屬性注釋：表單重寫屬性適用于以下類型的>標簽：t和。實例mo""s:t""rt""rt"_amin.asp"value="Submitasadmin"/>r<inputty="submit"formnovaldate="tru"tt"r親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"":t""r第61頁,總61頁 05-16-2011t""brt"pL_d"t">r<inputty="submit"formnovaldate="true"tt"r注釋：這些屬性對于創(chuàng)建不同的提交按鈕很有幫助。height和width屬性height和width屬規(guī)定用于e類型的input標的圖像高度和寬度。注釋：height和h屬性只適用于e類型的<inut>標簽。實例<inputty="image"src="img_submit.gif"width="99"height="99"/>親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">r:t"er"r<inputty="image"src="/i/eg_subm"""第62頁,總61頁 05-16-2011t屬性t屬性規(guī)定輸入域的。t是輸入域的選項列表。注釋：t屬性適用于以下類型的>簽：text,arch,url,telephone,email,datepickers,number,range以及r。實例:t""n"tnh"\hwo\h"ne"\hg"nos"\hw"親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">:t""n"第63頁,總61頁 05-16-2011tnh"\hwl"ne"\hg"nos"\hw"<inputty="submit"/>n、max和pn、max和p性用于為包含數(shù)字或日期的input類型規(guī)定限定（約束）。max屬性定輸入域所允許的最大值。min屬性定輸入域所允許的最小值。p屬性為輸入域規(guī)定合法的數(shù)字間隔（如果，則合法的數(shù)是6等）。注釋nmax和p屬性適于以下類型的<input>標簽datepickernumber以及rang。下面的例子顯示一個數(shù)字域該域接受介于0到0之間值且步進為（即合的值為6和：實例:t"n"0"0""親自試一試吧，代碼如下：<!DOCTYPEHTML>第64頁,總61頁 05-16-2011mmL5r"">:t"n"0"0""<inputty="submit"/>e屬性e屬性規(guī)定輸入域中可選擇多個值。注釋：e屬性適用于以下類型的>標簽：l和fil。實例t:t"i"l"親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">第65頁,總61頁 05-16-2011t:t"i"l"<inputty="submit"/>當您瀏覽文件時，請試著選擇多個文件。e屬性e屬性規(guī)定在提交表單時不應該驗證form或ut域。注釋：e屬性適用于>以及以下類型的>標：text,serch,url,telephone,email,password,datepickers,rnge以及r.實例mo"":t"e"<inputty="submit"/>親自試一試吧，代碼如下：<!DOCTYPEHTML>第66頁,總61頁 05-16-2011mmL5r"":t"e"<inputty="submit"/>patternpattern性規(guī)定用于驗證input域的模式（patter）。模式（patter）是正表達式。您可以在我們的it教程中學到有關正則表達式的內容。注釋：pattern屬性適用于以下類型的>標簽：,,,,l以及。下面的例子顯示了一個只能包含三個字母的文本域（不含數(shù)字及特殊字符）：實例y:t""iery"親自試一試吧，代碼如下：<!DOCTYPEHTML>第67頁,總61頁 05-16-2011mmL5r"">y:t""ery"<inputty="submit"/>r屬性r屬性提供種提示（hit），描述輸入域所期待的值。注釋：placeholder屬性適用于以下類型的>標簽：text,search,url,telephone,email以及。提示（hin）會在輸入域為空時顯示出現(xiàn)，會在輸入域獲得焦點時消失：實例<inputty="search"name="user_search" h"親自試一試吧，代碼如下：<!DOCTYPEHTML>第68頁,總61頁 05-16-2011mmL5r"">t""h"<inputty="submit"/>requiredrequired性規(guī)定必須在提交之前填寫輸入域（不能為空）。注釋requied屬性適用于以下類型的<input>標簽,,,,,datepickers,number,checkbox,radio以及fl。實例:t"""親自試一試吧，代碼如下：<!DOCTYPEHTML>mmL5r"">:t"""<inputty="submit"/>第69頁,總61頁 05-16-2011HTML5參考手冊通過制定如何處理所有HTL元素以及如何從錯誤中恢復的精確規(guī)則，HTL5改進了互操作性，并減少了開發(fā)成本。HTL5的新特性包括了嵌入音頻、視頻和圖形的功能，客戶端數(shù)據(jù)存儲，以及交互式文檔。HTL5包含了新的元素，比如：,,>以及>等等。HTL5作組包括：AOL,Apple,Google,IM,Microsoft,Mozilla,Nokia,Opra,以及百個其他的供應商。注釋：HTL5還沒有為C式的推薦標準。如需閱讀更多有關CL5動的內容，請閱讀我們的C程。按字母順序排列的標簽列表4:指示在L1中定義了該元素5:指示在L5中定義了該元素標簽描述45定義注釋。45<!DOCTYPE>定義文檔類型。45定義超鏈接。45定義縮寫。45第70頁,總61頁 05-16-2011HTL5不支持。定義首字母縮寫。4<address>定義地址元素。45HTL5不支持。定義t。4定義圖像映射中的區(qū)域。45定義articl。5定義頁面內容之外的內容。5定義聲音內容。5定義粗體文本。45定義頁面中所有鏈接的基準UR。45HTL5不支持。請使用S代替。4定義文本顯示的方向。45HTL5不支持。定義大號文本。4定義長的引用。45定義body元素。45插入換行符。45定義按鈕。45定義圖形。5第71頁,總61頁 05-16-2011定義表格標題。45HTL5不支持。定義居中的文本。4定義引用。45定義計算機代碼文本。45定義表格列的屬性。45定義表格列的分組。45d>定義命令按鈕。5定義下拉列表。5定義定義的描述。45定義刪除文本。45定義元素的細節(jié)。5<dfn>定義定義項目。45HTL5不支持。定義目錄列表。4定義文檔中的一個部分。45定義定義列表。45定義定義的項目。45定義強調文本。45第72頁,總61頁 05-16-2011定義外部交互內容或插件。5<fieldset>定義t。45定義figre元素的標。5<figure>定義媒介內容的分組，以及它們的標題。5<font>HTL5不支持。4定義n或e的頁腳。5定義表單。45HTL5不支持。定義子窗口（框架）。4HTL5不支持。定義框架的集。4<h1>to<h6>定義標題1到標題。45定義關于文檔的信息。45定義n或e的頁眉。5<hgroup>定義有關文檔中的n的信息。5<hr>定義水平線。45定義html文檔。45定義斜體文本。45定義行內的子窗口（框架）。45第73頁,總61頁 05-16-2011定義圖像。45定義輸入域。45定義插入文本。45<keygen>定義生成密鑰。5HTL5不支持。定義單行的輸入域。4定義鍵盤文本。45定義表單控件的標注。45定義t中的標。45定義列表的項目。45<link>定義資源引用。45定義圖像映射。45定義有記號的文本。5定義菜單列表。45定義元信息。45定義預定義范圍內的度量。5<nav>定義導航鏈接。5HTL5不支持。定義noframe部分。4第74頁,總61頁 05-16-2011定義t部分。45定義嵌入對象。45定義有序列表。45定義選項組。45定義下拉列表中的選項。45定義輸出的一些類型。5定義段落。45為對象定義參數(shù)。45定義預格式化文本。45定義任何類型的任務的進度。5定義短的引用。45定義若瀏覽器不支持rby元素顯的內容。5定義ruy注釋的解釋。5<ruby>定義ruy注釋。5HTL5不支持。定義加刪除線的文本。4定義樣本計算機代碼。45定義腳本。45第75頁,總61頁 05-16-2011定義n。5定義可選列表。45定義小號文本。45定義媒介源。5定義文檔中的n。45HTL5不支持。定義加刪除線的文本。4定義強調文本。45定義樣式定義。45定義下標文本。45定義s元素的標。5定義上標文本。45定義表格。45定義表格的主體。45定義表格單元。45定義。45定義表格的腳注。45定義表頭。45第76頁,總61頁 05-16-2011定義表頭。45定義日期時間。5定義文檔的標題。45定義表格行。45HTL5不支持。定義打字機文本。4HTL5不支持。定義下劃線文本。4定義無序列表。45<var>定義變量。45定義視頻。5HTL5不支持。定義預格式文本。4第77頁,總61頁 05-16-2011\h屬性 值 描述L5入門到精通L5入門到精通中文學習教程s e 規(guī)定元素的類名（用于規(guī)定樣式表中的類）。e true

規(guī)定是否允許用戶編輯內容。contextmenu d 規(guī)定元素的上下文菜單。e value 創(chuàng)作者定義的屬性。HTL文檔的創(chuàng)作者可以定義他們自己的屬性。必須以"開頭。dir ltr

規(guī)定元素中內容的文本方向。rtle true

規(guī)定是否允許用戶拖動元素。autohi