1. 什麼是HTML5

HTML 5草案的前身名為Web Applications 1.0，是在2004年由WHATWG提出，再於2007年獲W3C接納，並成立了新的HTML工作團(tuán)隊(duì)。在2008年1月22日，第一份正式草案發(fā)布。 WHATWG表示該規(guī)範(fàn)是目前仍在進(jìn)行的工作，仍須多年的努力。目前Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer 9已支援HTML5技術(shù)。

HTML5本質(zhì)並沒(méi)有對(duì)先前HTML4版本的規(guī)範(fàn)進(jìn)行徹底的變革，而是一開(kāi)始設(shè)計(jì)就考慮了跟之前的標(biāo)準(zhǔn)進(jìn)行兼容，並且把最新的WEB開(kāi)發(fā)的一些新技術(shù)新的規(guī)範(fàn)引入進(jìn)了新版的標(biāo)準(zhǔn)。

2. HTML5新功能

2.1 新增擁有具體意義的標(biāo)籤

現(xiàn)在所有的網(wǎng)站基本上都是div+css佈局，幾乎所有的文章標(biāo)題、內(nèi)容、輔助介紹等都用div容器來(lái)承載。搜尋引擎在抓取頁(yè)面內(nèi)容時(shí)，因?yàn)闆](méi)有明確的容器的含義只能去猜測(cè)這些標(biāo)籤容器承載的是文章標(biāo)題還是文章內(nèi)容等。 HTML5新標(biāo)準(zhǔn)中直接加入了擁有具體意義的HTML標(biāo)籤例如：<article>、<footer>、<header>、<nav>、<section>

#2.2 新增更加智慧的表單類型

之前的表單標(biāo)籤只是簡(jiǎn)單的類型的約束，例如文字方塊、文字網(wǎng)域、下拉清單等。而跟業(yè)務(wù)結(jié)合緊密的表單標(biāo)籤資料校驗(yàn)等控制都沒(méi)有很好的支持，基本上都是跟第三方的JS控制項(xiàng)進(jìn)行結(jié)合使用，但是這些第三方總是會(huì)涉及到版本控制、瀏覽器相容性、非標(biāo)準(zhǔn)等一系列的問(wèn)題。而在HTML5的標(biāo)準(zhǔn)中直接加入了智慧表單，讓這一切都變得那麼的簡(jiǎn)單，例如?calendar、date、time、email、url、search

2.3 讓W(xué)eb程式更加的獨(dú)立，減少了對(duì)第三方外掛程式的依賴。

在HTML5標(biāo)準(zhǔn)中原生的就支援音訊、視訊、畫(huà)布等技術(shù)。讓W(xué)EB程式更加獨(dú)立，更好的適應(yīng)多種形式的客戶端。

2.4 對(duì)本地離線儲(chǔ)存的更好的支援

HTML5 提供了兩種在客戶端儲(chǔ)存資料的新方法：

localStorage?-沒(méi)有時(shí)間限制的資料儲(chǔ)存

##sessionStorage?- 針對(duì)一個(gè)session 的資料儲(chǔ)存

2.5 HTML5即時(shí)二維繪圖,既畫(huà)布的引入

#HTML5 的canvas元素使用JavaScript 在網(wǎng)頁(yè)上繪製圖片。並擁有多種繪製路徑、矩形、圓形、字元以及添加圖像的方法。

2.6 JS支援多執(zhí)行緒

#在不影響UI update及瀏覽器與使用者互動(dòng)的情況下, 前端做大規(guī)模運(yùn)算，只能透過(guò)?setTimeout?之類的去模擬多執(zhí)行緒。而新的標(biāo)準(zhǔn)中，JS新增的HTML5 Web Worker物件原生的就支援多執(zhí)行緒。

2.7 WebSockets讓跨域請(qǐng)求、長(zhǎng)連接、資料推送變得簡(jiǎn)單

WebSockets是在一個(gè)(TCP)介面進(jìn)行雙向通信的技術(shù)，PUSH技術(shù)類型。 WebSocket是html5規(guī)範(fàn)新引入的功能，用於解決瀏覽器與後臺(tái)伺服器雙向通訊的問(wèn)題，使用WebSocket技術(shù)，後臺(tái)可以隨時(shí)向前端推送訊息，以確保前後臺(tái)狀態(tài)統(tǒng)一，在傳統(tǒng)的無(wú)狀態(tài)HTTP協(xié)定中，這是「無(wú)法做到」的。

2.8 更好的例外處理

#HTML5(text/html)瀏覽器將在錯(cuò)誤語(yǔ)法的處理上更加靈活。 HTML5在設(shè)計(jì)時(shí)確保舊的瀏覽器能夠安全地忽略掉新的HTML5程式碼。與HTML4.01相比，HTML5給出了解析的完整規(guī)則，讓不同的瀏覽器即使在發(fā)生語(yǔ)法錯(cuò)誤時(shí)也能傳回完全相同的結(jié)果。

2.9 檔案API讓檔案上傳和操縱檔案變得那麼簡(jiǎn)單

#由於專案中經(jīng)常遇到用Web應(yīng)用程式中控制操作本機(jī)文件，而之前都是使用一些富客戶端技術(shù)例如flash，ActiveX，Silverlight等技術(shù)。在HTML5的新的提供的?HTML5 File API?讓JS可以輕鬆上陣了。

在後續(xù)將帶領(lǐng)大家更深入了解HTML5