html5

HTML5是HyperText Markup Language 5的縮寫，HTML5技術結合了 HTMK4.01 的相關標準並革新，符合現代網路發展要求，在 2008 年正式發布。HTML5 由不同的技術構成，其在網際網路中得到了非常廣泛的應用，提供更多增強網路應用的標準機。與傳統的技術相比，HTML5 的語法特徵更加明顯，並且結合了 SVG 的內容。這些內容在網頁中使用可以更加便捷地處理多媒體內容，而且 HTML5中還結合了其他元素，對原有的功能進行調整和修改，進行標準化工作。HTML5 在 2012 年已形成了穩定的版本。

在前五年（1990-1995），HTML經歷了多次修訂並經歷了許多擴展，主要是在歐洲核子研究中心首先託管，然後是IETF。

隨著W3C的創建，HTML的發展再次改變了場地。 1995年第一次嘗試在HTML 3.0中擴展HTML，然後在1997年完成了一種稱為HTML 3.2的更實用的方法。同一年晚些時候，HTML 4.01很快就出現了。

第二年，W3C成員決定停止發展HTML，而是開始研究基於XML的等價物，稱為XHTML。這項工作始於XML中的HTML 4.01重新編寫，稱為XHTML 1.0，除了新的序列化之外沒有添加任何新功能，並且在2000年完成。在XHTML 1.0之後，W3C的重點轉向使其他工作組更容易在XHTML模塊化的旗幟下擴展XHTML。與此同時，W3C還開發了一種與早期HTML和XHTML語言不兼容的新語言，稱之為XHTML 2.0。

大約在1998年停止HTML演變的時候，瀏覽器供應商開發的HTML部分API被命名並以DOM Level 1（1998年）和DOM Level 2 Core和DOM Level 2 HTML（從2000年開始）發布。最終於2003年）。這些努力隨後逐漸消失，2004年發布了一些DOM Level 3規範，但工作組在所有3級草案完成之前就已關閉。

2003年，作為下一代Web表單定位的技術XForms的出版引發了對HTML本身發展的新興趣，而不是尋找它的替代品。這種興趣來自於認識到XML作為Web技術的部署僅限於全新技術（如RSS和後來的Atom），而不是替代現有的已部署技術（如HTML）。

一個概念證明，可以擴展HTML 4.01的表單，提供XForms 1.0引入的許多功能，而不需要瀏覽器實現與現有HTML網頁不兼容的渲染引擎，這是第一個結果。重新興趣。在早期階段，雖然草案已經公開發布，並且已經從所有來源徵求意見，但該規範僅受Opera Software的版權保護。

在2004年的W3C研討會上測試了HTML應該重新開放的想法，其中提出了HTML工作的一些原則（如下所述），以及上述早期草案提案，僅涉及與表單相關的功能，由Mozilla和Opera聯合推出的W3C。該提案被駁回，理由是該提案與之前選擇的網路發展方向相衝突； W3C的工作人員和成員投票決定繼續開發基於XML的替代品。

此後不久，Apple，Mozilla和Opera聯合宣布他們打算在一個名為WHATWG的新場地的保護下繼續努力。創建了一個公共郵件列表，草案已移至WHATWG站點。隨後將版權修改為由所有三個供應商共同擁有，並允許重複使用該規範。

WHATWG基於幾個核心原則，特別是技術需要向後兼容，規範和實現需要匹配，即使這意味著更改規範而不是實現，並且規範需要足夠詳細，實現可以實現完整的互操作性，無需相互逆向工程。后一要求特別要求HTML規範的範圍包括先前在三個單獨的文檔中指定的內容：HTML 4.01，XHTML 1.1和DOM Level 2 HTML。它還意味著包含比以前被認為是標準更多的細節。

2006年，W3C表示有興趣參與HTML 5.0的開發，並於2007年組建了一個工作組，專門與WHATWG合作開發HTML規範。 Apple，Mozilla和Opera允許W3C在W3C版權下發布規範，同時保留WHATWG網站上限制較少的許可版本。多年來，兩個小組在同一編輯下共同工作：Ian Hickson。在2011年，小組得出的結論是，他們有不同的目標：W3C希望為HTML 5.0推薦的功能劃清界限，而WHATWG希望繼續致力於HTML的生活標準，不斷維護規範和添加新功能。 2012年中期，W3C推出了一個新的編輯團隊，負責創建HTML 5.0推薦標準，並為下一個HTML版本準備工作草案。

HTML5將Web帶入一個成熟的應用平台，在這個平台上，視頻、音頻、圖像、動畫以及與設備的交互都進行了規範。

表單是實現用戶與頁面後台交互主要組成部分，HTML5在表單的設計上功能更加強大。input類型和屬性的多樣性大大地增強了HTML可表達的表單形式，再加上新增加的一。些表單標籤，使得原本需要JavaScript來實現的控制項，可以直接使用HTML5的表單來實現；一些如內容提示、焦點處理、數據驗證等功能，也可以通過THML5的智能表單屬性標籤來完成。

HTML5的canvas元索可以實現畫布功能，該元索通過自帶的API結合使用JavaScript腳本語自在網頁上繪製圖形和處理，擁有實現繪製線條、弧線以及矩形，用樣式和顏色填充區域，書寫樣式化文本，以及添加圖像的方法，且使用JavaScript可以控制其每一個像素。HTML5的canvas元索使得瀏覽器無需Flash或Silverlight等插件就能直接顯示圖形或動畫圖像。

HTML5最大特色之一就是支持音頻視頻，在通過增加了

現今移動網路備受青睞，用戶對實時定位的應用越來，要求也越來越高。HTML5通過引人Geolocation的API可以通過GPS或網路信息實現用戶的定位功能，定位更加準確、靈活。通過HTML5進行地位，除了可以定位自己的位置，還可以在他人對你開放信息的情況下獲得他人的定位信息。

HTML5較之傳統的數據存儲有自已的存儲方式，允許在客戶端實現較大規模的數據存儲。為了滿足不同的需求，HTML5支持DOM Storage和Web SQL Database 兩種存儲機制。其中，DOM Storage 適用於具有key/value對的基本本地存儲；面WebSQLDatabase是適用於關係型資料庫的存儲方式，開發者可以使用SQL語法對這些數據進行查詢、插入等操作。

HTML 5利用Web Worker將Web應用程序從原來的單線程業界中解放出來，通過創建一個Web Worker對象就可以實現多線程操作。JavaScript創建的Web程序處理事務都是在單線程中執行，響應時間較長，而當JavaScript過於複雜時，還有可能出現死鎖的局面。HTML5新增加了一個WebWorkerAPI，用戶可以創建多個在後台的線程，將耗費較長時間的處理交給後檯面不影響用戶界面和響應速度，這些處理不會因用戶交互而運行中斷。使用後台線程不能訪問頁面和窗口對象，但後台線程可以和貞面之間進行數據交互。子線程與子線程之間的數據交互，大致步驟如下：①先創建發送數據的子線程；②執行子線程任務，把要傳遞的數據發送給主線程；③在主線程接受到子線程傳遞迴的消息時創建接收數據的子線程，然後把發送數據的子線程中返回的消息傳遞給接收數據的子線程；④執行接收數據子線程中的代碼。

自1999年以後HTML 4.01 已經改變了很多，今天，在HTML 4.01中的幾個已經被廢棄，這些元素在HTML5中已經被刪除或重新定義。

為了更好地處理今天的網際網路應用，HTML5添加了很多新元素及功能，比如：圖形的繪製，多媒體內容，更好的頁面結構，更好的形式 處理，和幾個api拖放元素，定位，包括網頁 應用程序緩存，存儲，網路工作者，等。

HTML5提供了新的元素來創建更好的頁面結構：

以下的 HTML 4.01 元素在HTML5中已經被刪除：

●

●

●

●

●

●

●

●

●

● </div><div class="cp">● <strike></div><div class="catlog-title is-1"><h3>優缺點</h3><a id="catalog_5" class="title-anchor"></a></div><hr class="border-1"><div class="catlog-title is-2"><h4>優點</h4><a id="catalog_5_1" class="title-anchor"></a></div><div class="cp">新一代網路標準能夠讓程序通過Web瀏覽器，消費者從而能夠從包括個人電腦、筆記本電腦、智能手機或平板電腦在內的任意終端訪問相同的程序和基於雲端的信息。HTML5允許程序通過Web瀏覽器運行，並且將視頻等目前需要插件和其它平台才能使用的多媒體內容也納入其中，這將使瀏覽器成為一種通用的平台，用戶通過瀏覽器就能完成任務。此外，消費者還可以訪問以遠程方式存儲在“雲”中的各種內容，不受位置和設備的限制。</div><div class="catlog-title is-2"><h4>缺點</h4><a id="catalog_5_2" class="title-anchor"></a></div><div class="cp">（1）開放性帶來的困擾</div><div class="cp">在從前網路平台上存在大量的專利產品，想要實現HTML5技術的大量應用首先就需要將這些專利性的產品變為開放式的產品，由於各種原因，當前面對這一問題還存在許多爭議。以視頻格式為例，兩大陣營對於視頻格式的設置存在爭議，一大陣營以蘋果為代表，另一大陣營則以Opera、火狐、谷歌為代表。WPEG陣營是蘋果所屬陣營，由於其自身全部使用的是這一種格式，所以堅持認為應當將此格式作為標準，而WebM陣營則認為由於WPEG格式的專利依然沒有解除，對於HTML5技術要求的開放性沒有達標，所以不同意將其作為標準格式。</div><div class="cp">（2）發展的速度有待提升</div><div class="cp">在HTML5中提出了一些從前HTML技術中不具有的新技術，但是有許多主流瀏覽器在長時間的發展過程中已經完成了此種技術的開發，在自身瀏覽器中實現了此種功能，就這一情況來說HTML5的發展速度方面存在一定的問題。同時由於HTML5的不成熟，當前關於HTML5的相關技術標準還沒有完全確定，所以在短時間想要將其投入大規模應用還比較困難。</div><div class="cp">（3）技術手段的不完善</div><div class="cp">由於HTML5技術中存在較為先進的本地存儲技術，所以其能做到降低應用程序的相應時問為用戶帶來更便捷的體驗。</div><div class="catlog-title is-1"><h3>技術要點</h3><a id="catalog_6" class="title-anchor"></a></div><hr class="border-1"><div class="cp">以下將對HTML5的技術要點進行介紹：</div><div class="catlog-title is-2"><h4>重要標記</h4><a id="catalog_6_1" class="title-anchor"></a></div><div class="cp"><video>標記</div><div class="cp">定義和用法：</div><div class="cp"></video> 標籤定義視頻，比如電影片段或其他視頻流。</div><div class="cp"><audio> 標記</div><div class="cp">定義和用法</div><div class="cp"></audio> 標籤定義聲音，比如音樂或其他音頻流。</div><div class="cp">實例：</div><div class="cp">一段簡單的HTML5 音頻</div><div class="cp"><audio src=""></div><div class="cp">您的瀏覽器不支持 audio 標籤。</div><div class="cp"></audio></div><div class="cp"><canvas> 標記</div><div class="cp">定義和用法：</div><div class="cp"><canvas> 標籤定義圖形，比如圖表和其他圖像。</div><div class="cp">HTML5 的 canvas 元素使用JavaScript 在網頁上繪製圖像。</div><div class="cp">畫布是一個矩形區域，您可以控制其每一像素。</div><div class="cp">canvas 擁有多種繪製路徑、矩形、圓形、字元以及添加圖像的方法。</div><div class="cp">實例：</div><div class="cp">通過 canvas 元素來顯示一個紅色的矩形：</div><div class="cp"><canvas id="myCanvas"></canvas></div><div class="cp"><script type="text/javascript"></div><div class="cp">var canvas=document.getElementById('myCanvas')；</div><div class="cp">var ctx=canvas.getContext('2d')；</div><div class="cp">ctx.fillStyle='#FF0000'；</div><div class="cp">ctx.fillRect(0，0，80，100)；</div><div class="cp"></script></div><div class="catlog-title is-2"><h4>程序介面</h4><a id="catalog_6_2" class="title-anchor"></a></div><div class="cp">除了原先的<a target="_blank" href="/wiki/4mv5076rj59jm00.html" title="DOM">DOM</a>介面，HTML5增加了更多API，如：</div><div class="cp">1． 用於即時2D繪圖的Canvas標籤</div><div class="cp">2． 定時媒體回放</div><div class="cp">3． 離線資料庫存儲</div><div class="cp">4．文檔編輯</div><div class="cp">5． 拖拽控制</div><div class="cp">6． 瀏覽歷史管理</div><div class="catlog-title is-2"><h4>元素變化</h4><a id="catalog_6_3" class="title-anchor"></a></div><div class="cp">新的解析順序新的元素：section， video， progress， nav， meter， time， aside， canvasinput</div><div class="cp">元素的新屬性：日期和時間，email， url。</div><div class="cp">新的通用屬性：ping， <a target="_blank" href="/wiki/xex6o880q6jwl97.html" title="charset">charset</a>， async</div><div class="cp">全域屬性：id， tabindex， repeat。</div><div class="cp">移除元素：center， font， strike。</div><div class="catlog-title is-2"><h4>標籤變化</h4><a id="catalog_6_4" class="title-anchor"></a></div><div class="cp">註：在下面表格中4：指在HTML 4.01 中定義了該元素 5：指在HTML 5 中定義了該元素</div><div class="table-container"><table class="table is-bordered is-striped is-fullwidth"><tr><th rowspan="1" colspan="4">按字母順序排列的標籤列表</th></tr><tr><th>標籤</th><th>描述</th><th rowspan="1" colspan="2"></th></tr><tr><td></td><td>定義註釋</td><td>4</td><td>5</td></tr><tr><td><!DOCTYPE></td><td>定義文檔類型</td><td>4</td><td>5</td></tr><tr><td><a></td><td>定義超鏈接</td><td>4</td><td>5</td></tr><tr><td><abbr></td><td>定義縮寫</td><td>4</td><td>5</td></tr><tr><td><acronym></td><td>HTML 5 中不支持</td><td>4</td><td></td></tr><tr><td><address></td><td>定義地址元素</td><td>4</td><td>5</td></tr><tr><td><applet></td><td>定義 applet（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><area></td><td>定義圖像映射中的區域</td><td>4</td><td>5</td></tr><tr><td><article></td><td>定義 article</td><td></td><td>5</td></tr><tr><td><aside></td><td>定義頁面內容之外的內容</td><td></td><td>5</td></tr><tr><td><audio></td><td>定義聲音內容</td><td></td><td>5</td></tr><tr><td><b></td><td>定義粗體文本</td><td>4</td><td>5</td></tr><tr><td><base></td><td>定義頁面中所有鏈接的基準URL</td><td>4</td><td>5</td></tr><tr><td><basefont></td><td>HTML 5 中不支持，請使用CSS 代替</td><td>4</td><td></td></tr><tr><td><bdo></td><td>定義文本顯示的方向</td><td>4</td><td>5</td></tr><tr><td><big></td><td>定義大號文本（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><blockquote></td><td>定義長的引用</td><td>4</td><td>5</td></tr><tr><td><body></td><td>定義 body 元素</td><td>4</td><td>5</td></tr><tr><td><br></td><td>插入換行符</td><td>4</td><td>5</td></tr><tr><td><button></td><td>定義按鈕</td><td>4</td><td>5</td></tr><tr><td><canvas></td><td>定義圖形</td><td></td><td>5</td></tr><tr><td><caption></td><td>定義表格標題</td><td>4</td><td>5</td></tr><tr><td><center></td><td>定義居中的文本（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><cite></td><td>定義引用</td><td>4</td><td>5</td></tr><tr><td><code></td><td>定義計算機代碼文本</td><td>4</td><td>5</td></tr><tr><td><col></td><td>定義表格列的屬性</td><td>4</td><td>5</td></tr><tr><td><colgroup></td><td>定義表格列的分組</td><td>4</td><td>5</td></tr><tr><td><command></td><td>定義命令按鈕</td><td></td><td>5</td></tr><tr><td><datalist></td><td>定義下拉列表</td><td></td><td>5</td></tr><tr><td><dd></td><td>定義定義的描述</td><td>4</td><td>5</td></tr><tr><td><del></td><td>定義刪除文本</td><td>4</td><td>5</td></tr><tr><td><details></td><td>定義元素的細節</td><td></td><td>5</td></tr><tr><td><dfn></td><td>定義定義項目</td><td>4</td><td>5</td></tr><tr><td><dir></td><td>定義目錄列表（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><div></td><td>定義文檔中的一個部分</td><td>4</td><td>5</td></tr><tr><td><dl></td><td>定義定義列表</td><td>4</td><td>5</td></tr><tr><td><dt></td><td>定義定義的項目</td><td>4</td><td>5</td></tr><tr><td><em></td><td>定義強調文本</td><td>4</td><td>5</td></tr><tr><td><embed></td><td>定義外部交互內容或插件</td><td></td><td>5</td></tr><tr><td><fieldset></td><td>定義 fieldset</td><td>4</td><td>5</td></tr><tr><td><figcaption></td><td>定義 figure 元素的標題</td><td></td><td>5</td></tr><tr><td><figure></td><td>定義媒介內容的分組，以及它們的標題</td><td></td><td>5</td></tr><tr><td><font></td><td>HTML 5 中不支持</td><td>4</td><td></td></tr><tr><td><footer></td><td>定義 section 或 page 的頁腳</td><td></td><td>5</td></tr><tr><td><form></td><td>定義表單</td><td>4</td><td>5</td></tr><tr><td><frame></td><td>定義子窗口（框架）（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><frameset></td><td>定義框架的集（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><h1> to <h6></td><td>定義標題1 到標題6</td><td>4</td><td>5</td></tr><tr><td><head></td><td>定義關於文檔的信息</td><td>4</td><td>5</td></tr><tr><td><header></td><td>定義 section 或 page 的頁眉</td><td></td><td>5</td></tr><tr><td><hgroup></td><td>定義有關文檔中的 section 的信息</td><td>4</td><td>5</td></tr><tr><td><html></td><td>定義 html 文檔</td><td>4</td><td>5</td></tr><tr><td><i></td><td>定義斜體文本</td><td>4</td><td>5</td></tr><tr><td><iframe></td><td>定義行內的子窗口（框架）</td><td>4</td><td>5</td></tr><tr><td><img></td><td>定義圖像</td><td>4</td><td>5</td></tr><tr><td><input></td><td>定義輸入域</td><td>4</td><td>5</td></tr><tr><td><ins></td><td>定義插入文本</td><td>4</td><td>5</td></tr><tr><td><keygen></td><td>定義生成密鑰</td><td></td><td>5</td></tr><tr><td><isindex></td><td>定義單行的輸入域（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><kbd></td><td>定義鍵盤文本</td><td>4</td><td>5</td></tr><tr><td><label></td><td>定義表單控制項的標註</td><td>4</td><td>5</td></tr><tr><td><legend></td><td>定義 fieldset 中的標題</td><td>4</td><td>5</td></tr><tr><td><li></td><td>定義列表的項目</td><td>4</td><td>5</td></tr><tr><td><link></td><td>定義資源引用</td><td>4</td><td>5</td></tr><tr><td><map></td><td>定義圖像映射</td><td>4</td><td>5</td></tr><tr><td><mark></td><td>定義有記號的文本</td><td>4</td><td>5</td></tr><tr><td><menu></td><td>定義菜單列表</td><td>4</td><td>5</td></tr><tr><td><meta></td><td>定義元信息</td><td>4</td><td>5</td></tr><tr><td><meter></td><td>定義預定義範圍內的度量</td><td></td><td>5</td></tr><tr><td><nav></td><td>定義導航鏈接</td><td></td><td>5</td></tr><tr><td><noframes></td><td>定義 noframe 部分（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><noscript></td><td>定義 noscript 部分</td><td>4</td><td>5</td></tr><tr><td><object></td><td>定義嵌入對象</td><td>4</td><td>5</td></tr><tr><td><ol></td><td>定義有序列表</td><td>4</td><td>5</td></tr><tr><td><optgroup></td><td>定義選項組</td><td>4</td><td>5</td></tr><tr><td><option></td><td>定義下拉列表中的選項</td><td>4</td><td>5</td></tr><tr><td><output></td><td>定義輸出的一些類型</td><td></td><td>5</td></tr><tr><td></td><td>定義段落</td><td>4</td><td>5</td></tr><tr><td><param></td><td>為對象定義參數</td><td>4</td><td>5</td></tr><tr><td><pre></td><td>定義預格式化文本</td><td>4</td><td>5</td></tr><tr><td><progress></td><td>定義任何類型的任務的進度</td><td></td><td>5</td></tr><tr><td><q></td><td>定義短的引用</td><td>4</td><td>5</td></tr><tr><td><rp></td><td>定義若瀏覽器不支持 ruby 元素顯示的內容</td><td></td><td>5</td></tr><tr><td><rt></td><td>定義 ruby 註釋的解釋</td><td></td><td>5</td></tr><tr><td><ruby></td><td>定義 ruby 註釋</td><td></td><td>5</td></tr><tr><td><s></td><td>定義加刪除線的文本（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><samp></td><td>定義樣本計算機代碼</td><td>4</td><td>5</td></tr><tr><td><script></td><td>定義腳本</td><td>4</td><td>5</td></tr><tr><td><section></td><td>定義 section</td><td></td><td>5</td></tr><tr><td><select></td><td>定義可選列表</td><td>4</td><td>5</td></tr><tr><td><small></td><td>定義小號文本</td><td>4</td><td>5</td></tr><tr><td><source></td><td>定義媒介源</td><td>4</td><td>5</td></tr><tr><td><span></td><td>定義文檔中的 section</td><td>4</td><td>5</td></tr><tr><td><strike></td><td>定義加刪除線的文本（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><strong></td><td>定義強調文本</td><td>4</td><td>5</td></tr><tr><td><style></td><td>定義樣式定義</td><td>4</td><td>5</td></tr><tr><td><sub></td><td>定義下標文本</td><td>4</td><td>5</td></tr><tr><td><summary></td><td>定義 details 元素的標題</td><td></td><td>5</td></tr><tr><td><sup></td><td>定義上標文本</td><td>4</td><td>5</td></tr></table></div><div class="table-container"><table class="table is-bordered is-striped is-fullwidth"><tr><th rowspan="1" colspan="4">按字母順序排列的標籤列表</th></tr><tr><th>標籤</th><th>描述</th><th rowspan="1" colspan="2"><div class="cp">4：指在HTML 4.01 中定義了該元素</div><div class="cp">5：指在HTML 5 中定義了該元素</div></th></tr><tr><td><div class="table-container"><table class="table is-bordered is-striped is-fullwidth"></td><td>定義表格</td><td>4</td><td>5</td></tr><tr><td><tbody></td><td>定義表格的主體</td><td>4</td><td>5</td></tr><tr><td><td></td><td>定義表格單元</td><td>4</td><td>5</td></tr><tr><td><textarea></td><td>定義 textarea</td><td>4</td><td>5</td></tr><tr><td><tfoot></td><td>定義表格的腳註</td><td>4</td><td>5</td></tr><tr><td><th></td><td>定義表頭</td><td>4</td><td>5</td></tr><tr><td><thead></td><td>定義表頭</td><td>4</td><td>5</td></tr><tr><td><time></td><td>定義日期/時間</td><td></td><td>5</td></tr><tr><td><title></td><td>定義文檔的標題</td><td>4</td><td>5</td></tr><tr><td><tr></td><td>定義表格行</td><td>4</td><td>5</td></tr><tr><td><tt></td><td>定義打字機文本</td><td>4</td><td>5</td></tr><tr><td><u></td><td>定義下劃線文本（HTML 5 中不支持）</td><td>4</td><td></td></tr><tr><td><ul></td><td>定義無序列表</td><td>4</td><td>5</td></tr><tr><td><var></td><td>定義變數</td><td>4</td><td>5</td></tr><tr><td><video></td><td>定義視頻</td><td></td><td>5</td></tr><tr><td><xmp></td><td>定義預格式文本（HTML 5 中不支持）</td><td>4</td><td></td></tr></table></div><div class="cp">HTML 5標籤擁有屬性。在每個標籤的參考頁中可以找到相應的特殊屬性。這裡列出的屬性是通用於每個標籤的核心屬性和語言屬性（有個別例外）。</div><div class="cp">HTML 5標籤中的新屬性有：contenteditable， contextmenu， draggable， irrelevant， ref，registrationmark， template</div><div class="cp">HTML 5 中不再支持的屬性：accesskey</div><div class="catlog-title is-2"><h4>事件屬性</h4><a id="catalog_6_5" class="title-anchor"></a></div><div class="cp">HTML 5 元素可擁有事件屬性，這些屬性在瀏覽器中觸發行為，比如當用戶單擊一個HTML 5元素時啟動一段 JavaScript。下面列出的事件屬性，可以把它們插入 HTML 標籤來定義事件行為。</div><div class="cp">HTML 5 中的新事件屬性：onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。</div><div class="cp">HTML 5不再支持的 HTML 4.01 屬性：onreset。</div><div class="catlog-title is-2"><h4>異常處理</h4><a id="catalog_6_6" class="title-anchor"></a></div><div class="cp">HTML 5（text/html）瀏覽器將在錯誤語法的處理上更加靈活。HTML 5在設計時保證舊的瀏覽器能夠安全的忽略掉新的HTML 5代碼。與HTML 4.01相比，HTML 5給出了解析的詳細規則，力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果。</div><div class="catlog-title is-1"><h3>發展趨勢</h3><a id="catalog_7" class="title-anchor"></a></div><hr class="border-1"><div class="cp">隨著計算機技術不斷發展，可以看到HTML5在未來的幾年內的發展將會是一個井噴式的增長。HTML5技術在未來幾年內發展將會以以下幾個形式表現：</div><div class="cp">1）HTML5技術的移動端方向。HTML5技術在未來主要發展的市場還是在移動端網際網路領域，現階段移動瀏覽器有應用體驗不佳、網頁標準不統一的劣勢，這兩個方面是移動端網頁發展的障礙，而HTML5技術能夠解決這兩個問題，並且將劣勢轉化為優勢，整體推動整個移動端網頁方面的發展；</div><div class="cp">2）Web內核標準提升。目前移動端網頁內核大多採用Web內核，相信在未來幾年內隨著智能端逐漸普及，HTML5在Web內核方面應用將會得到極大的凸顯；</div><div class="cp">3）提升Web操作體驗。隨著硬體能力的提升、WebGL標準化的普及以及手機頁游的逐漸成熟，手機頁游向3D化發展是大勢所趨；</div><div class="cp">4）網路營銷遊戲化發展。通過一些遊戲化、場景化以及跨屏互動等環節，不僅增加用戶遊戲體驗，還能夠滿足廣告主大部分的營銷需求，在推銷產品的過程中，讓用戶體驗遊戲的樂趣；</div><div class="cp">5）移動視頻、在線直播。HTML5將會改變視頻數據的傳輸方式，讓視頻播放更加流暢，與此同時，視頻還能夠與網頁相結合，讓用戶看視頻如看圖片一樣輕鬆。</div><div style="clear: both"></div></div></div></div><div class="column is-narrow is-full-touch"><div class="sidebar"><div class="summary-albums"><a class="image" target="_blank" rel="noopener noreferrer nofollow" href="/album/xkgoj3y27w4yq5q/pics.html"><img src="https://i1.twwiki.net/cover/w275/mf/d/mfda266c6aad324aa31644f72b313907b.jpg"></a></div><div class="info-box"><div class="catlog-title is-2"><h4>基本信息</h4></div><div><dl><dt>中文名</dt><dd><div><span>超文本5.0</span></div></dd></dl><dl><dt>外文名</dt><dd><div><span>HTML5.0</span></div></dd></dl><dl><dt>推出時間</dt><dd><div><span>2014年9月</span></div></dd></dl><dl><dt>完成時間</dt><dd><div><span>2014年10月29日</span></div></dd></dl><dl><dt>關鍵詞</dt><dd><div><span>HTML5 超文本標記語言 編程語言</span></div></dd></dl><dl><dt>支持瀏覽器</dt><dd><div><span>IE、火狐等</span></div></dd></dl><dl><dt>作用</dt><dd><div><span>構成網頁文檔</span></div></dd></dl></div></div></div></div></div><ul id="fixbar"><li class="gotop"><span class="icon is-large"><i class="iconf i-dingbu"></i></span></li><li class="dir"><span class="icon is-medium"><i class="iconf i-dir"></i></span><span class="bar-font">目錄</span></li></ul></div></div><footer class="py-5 footer"><div class="container has-text-centered"><a target="_blank" rel="nofollow" href="/site/privacy">隱私條款</a><span> | </span><a target="_blank" rel="nofollow" href="/site/contact">聯絡我們</a></div></footer><div class="modal" id="dir-modal"><div class="modal-background"></div><div class="modal-card"><header class="modal-card-head"><p class="modal-card-title">目錄</p><button class="delete" aria-label="close"></button></header><section class="modal-card-body"></section></div></div><script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script><script src="https://i1.twwiki.net/js/com.min.js?v=12"></script><script async src="https://www.googletagmanager.com/gtag/js?id=G-PQB6P4TLQ5"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-PQB6P4TLQ5');</script></body></html>