HTML5是構建Web內容的一種語言描述方式。HTML5是互聯網的下一代標準，是構建以及呈現互聯網內容的一種語言方式．被認為是互聯網的核心技術之一。HTML產生于1990年，1997年HTML4成為互聯網標準，并廣泛應用于互聯網應用的開發。
HTML5是Web中核心語言HTML的規范，用戶使用任何手段進行網頁瀏覽時看到的內容原本都是HTML格式的，在瀏覽器中通過一些技術處理將其轉換成為了可識別的信息。HTML5在從前HTML4.01的基礎上進行了一定的改進，雖然技術人員在開發過程中可能不會將這些新技術投入應用，但是對于該種技術的新特性，網站開發技術人員是必須要有所了解的。
簡介
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 軟件的版權保護。
在2004年的W3C研討會上測試了HTML應該重新開放的想法，其中提出了HTML工作的一些原則（如下所述），以及上述早期草案提案，僅涉及與表單相關的功能，由Mozilla Application Suite和歐朋瀏覽器聯合推出的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 Application Suite和歐朋瀏覽器允許W3C在W3C版權下發布規范，同時保留WHATWG網站上限制較少的許可版本。多年來，兩個小組在同一編輯下共同工作：Ian Hickson。在2011年，小組得出的結論是，他們有不同的目標：W3C希望為HTML 5.0推薦的功能劃清界限，而WHATWG希望繼續致力于HTML的生活標準，不斷維護規范和添加新功能。 2012年中期，W3C推出了一個新的編輯團隊，負責創建HTML 5.0推薦標準，并為下一個HTML版本準備工作草案。
新特性
HTML5將Web帶入一個成熟的應用平臺，在這個平臺上，視頻、音頻、圖像、動畫以及與設備的交互都進行了規范。
智能表單
表單是實現用戶與頁面后臺交互主要組成部分，HTML5在表單的設計上功能更加強大。input類型和屬性的多樣性大大地增強了HTML可表達的表單形式，再加上新增加的一。些表單標簽，使得原本需要ECMAScript來實現的控件，可以直接使用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對象就可以實現多線程操作。ECMAScript創建的Web程序處理事務都是在單線程中執行，響應時間較長，而當JavaScript過于復雜時，還有可能出現死鎖的局面。HTML5新增加了一個WebWorkerAPI，用戶可以創建多個在后臺的線程，將耗費較長時間的處理交給后臺面不影響用戶界面和響應速度，這些處理不會因用戶交互而運行中斷。使用后臺線程不能訪問頁面和窗口對象，但后臺線程可以和貞面之間進行數據交互。子線程與子線程之間的數據交互，大致步驟如下：①先創建發送數據的子線程；②執行子線程任務，把要傳遞的數據發送給主線程；③在主線程接受到子線程傳遞回的消息時創建接收數據的子線程，然后把發送數據的子線程中返回的消息傳遞給接收數據的子線程；④執行接收數據子線程中的代碼。
新元素
自1999年以后HTML 4.01 已經改變了很多，今天，在HTML 4.01中的幾個已經被廢棄，這些元素在HTML5中已經被刪除或重新定義。
為了更好地處理今天的互聯網應用，HTML5添加了很多新元素及功能，比如：圖形的繪制，多媒體內容，更好的頁面結構，更好的形式 處理，和幾個api拖放元素，定位，包括網頁 應用程序CPU緩存，存儲，網絡工作者，等。
canvas
多媒體
表單
語義和結構
HTML5提供了新的元素來創建更好的頁面結構：
已移除元素
以下的 HTML 4.01 元素在HTML5中已經被刪除：
優缺點
優點
新一代網絡標準能夠讓程序通過Web瀏覽器，消費者從而能夠從包括個人電腦、筆記本電腦、智能手機或平板電腦在內的任意終端訪問相同的程序和基于云端的信息。HTML5允許程序通過Web瀏覽器運行，并且將視頻等目前需要插件和其它平臺才能使用的多媒體內容也納入其中，這將使瀏覽器成為一種通用的平臺，用戶通過瀏覽器就能完成任務。此外，消費者還可以訪問以遠程方式存儲在“云”中的各種內容，不受位置和設備的限制。
缺點
（1）開放性帶來的困擾
在從前網絡平臺上存在大量的專利產品，想要實現HTML5技術的大量應用首先就需要將這些專利性的產品變為開放式的產品，由于各種原因，當前面對這一問題還存在許多爭議。以視頻格式為例，兩大陣營對于視頻格式的設置存在爭議，一大陣營以蘋果公司為代表，另一大陣營則以歐朋瀏覽器、火狐、谷歌為代表。WPEG陣營是蘋果所屬陣營，由于其自身全部使用的是這一種格式，所以堅持認為應當將此格式作為標準，而WebM陣營則認為由于WPEG格式的專利依然沒有解除，對于HTML5技術要求的開放性沒有達標，所以不同意將其作為標準格式。
（2）發展的速度有待提升
在HTML5中提出了一些從前HTML技術中不具有的新技術，但是有許多主流瀏覽器在長時間的發展過程中已經完成了此種技術的開發，在自身瀏覽器中實現了此種功能，就這一情況來說HTML5的發展速度方面存在一定的問題。同時由于HTML5的不成熟，當前關于HTML5的相關技術標準還沒有完全確定，所以在短時間想要將其投入大規模應用還比較困難。
（3）技術手段的不完善
由于HTML5技術中存在較為先進的本地存儲技術，所以其能做到降低應用程序的相應時問為用戶帶來更便捷的體驗。
技術要點
以下將對HTML5的技術要點進行介紹：
重要標記
定義和用法：
標簽定義視頻，比如電影片段或其他視頻流。
定義和用法
標簽定義聲音，比如音樂或其他音頻流。
實例：
一段簡單的HTML5 音頻
您的瀏覽器不支持 audio 標簽。
定義和用法：
HTML5 的 canvas 元素使用ECMAScript 在網頁上繪制圖像。
畫布是一個矩形區域，您可以控制其每一像素。
canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。
實例：
通過 canvas 元素來顯示一個紅色的矩形：
程序接口
除了原先的DOM接口，HTML5增加了更多API，如：
1． 用于即時2D繪圖的Canvas標簽
2． 定時媒體回放
3． 離線數據庫存儲
4．文檔編輯
5． 拖拽控制
6． 瀏覽歷史管理
元素變化
新的解析順序新的元素：section， video， progress， nav， meter， 時間， aside， canvasinput
元素的新屬性：日期和時間，email， url。
新的通用屬性：ping， charset， async
全域屬性：id， tabindex， repeat。
移除元素：內角， font， strike。
標簽變化
注：在下面表格中4：指在HTML 4.01 中定義了該元素 5：指在HTML 5 中定義了該元素
HTML 5標簽擁有屬性。在每個標簽的參考頁中可以找到相應的特殊屬性。這里列出的屬性是通用于每個標簽的核心屬性和語言屬性（有個別例外）。
HTML 5標簽中的新屬性有：contenteditable， contextmenu， draggable， irrelevant， ref，registrationmark， template
HTML 5 中不再支持的屬性：accesskey
事件屬性
HTML 5 元素可擁有事件屬性，這些屬性在瀏覽器中觸發行為，比如當用戶單擊一個HTML 5元素時啟動一段 ECMAScript。下面列出的事件屬性，可以把它們插入 HTML 標簽來定義事件行為。
HTML 5 中的新事件屬性：onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。
HTML 5不再支持的 HTML 4.01 屬性：onreset。
異常處理
HTML 5（文本/html）瀏覽器將在錯誤語法的處理上更加靈活。HTML 5在設計時保證舊的瀏覽器能夠安全的忽略掉新的HTML 5代碼。與HTML 4.01相比，HTML 5給出了解析的詳細規則，力圖讓不同的瀏覽器即使在發生語法錯誤時也能返回相同的結果。
發展趨勢
隨著計算機技術不斷發展，可以看到HTML5在未來的幾年內的發展將會是一個井噴式的增長。HTML5技術在未來幾年內發展將會以以下幾個形式表現：
1）HTML5技術的移動端方向。HTML5技術在未來主要發展的市場還是在移動端互聯網領域，現階段移動瀏覽器有應用體驗不佳、網頁標準不統一的劣勢，這兩個方面是移動端網頁發展的障礙，而HTML5技術能夠解決這兩個問題，并且將劣勢轉化為優勢，整體推動整個移動端網頁方面的發展；
2）Web內核標準提升。目前移動端網頁內核大多采用Web內核，相信在未來幾年內隨著智能端逐漸普及，HTML5在Web內核方面應用將會得到極大的凸顯；
3）提升Web操作體驗。隨著硬件能力的提升、WebGL標準化的普及以及手機頁游的逐漸成熟，手機頁游向3D化發展是大勢所趨；
4）網絡營銷游戲化發展。通過一些游戲化、場景化以及跨屏互動等環節，不僅增加用戶游戲體驗，還能夠滿足廣告主大部分的營銷需求，在推銷產品的過程中，讓用戶體驗游戲的樂趣；
5）移動視頻、在線直播。HTML5將會改變視頻數據的傳輸方式，讓視頻播放更加流暢，與此同時，視頻還能夠與網頁相結合，讓用戶看視頻如看圖片一樣輕松。
參考資料 >