HTML基本思維概念形成于2003年，之后W3C對(duì)頁(yè)面超文本應(yīng)用技術(shù)工作小組（WHATWG）開(kāi)發(fā)的HTML草圖頗感興趣，這個(gè)小組的開(kāi)發(fā)人員均來(lái)自Apple ，Mozilla，和Opera。2007年W3C工作小組正式成立，主要進(jìn)行HTML 5規(guī)格進(jìn)行開(kāi)發(fā)。
HTML 5旨在改進(jìn)HTML的協(xié)同工作能力，增加了急需的頁(yè)面內(nèi)容描述。它還增加了HTML 4對(duì)頁(yè)面程序所缺乏的特性。在本文中，讓我們來(lái)看看HTML 5將會(huì)為我們帶來(lái)什么激動(dòng)人心的新特性。
1.新的HTML元素，增強(qiáng)描述內(nèi)容的能力
HTML的主任務(wù)是描述頁(yè)面的架構(gòu)，例如在<p></p>元素之間的文本內(nèi)容，HTML將告訴瀏覽器這些文本是一個(gè)段落。
在HTML 5中將增加更多的HTML組件，給網(wǎng)頁(yè)開(kāi)發(fā)者提供更好的，更精確的方式來(lái)描述數(shù)據(jù)對(duì)象。請(qǐng)看以下的對(duì)比情況：
該布局的問(wèn)題是，對(duì)于瀏覽器來(lái)說(shuō)，所有的一切都是一個(gè)<div>元素。瀏覽器將平等對(duì)待<div>元素里面的內(nèi)容，因?yàn)樗麩o(wú)法進(jìn)行區(qū)分，包括“級(jí)別”和“標(biāo)識(shí)”，比如content, sidebar,和footer不同的網(wǎng)站內(nèi)容各不相同。
在HTML5中，可以通過(guò)以下的方式進(jìn)行同一個(gè)例子的布局：
這樣瀏覽器就能區(qū)分各個(gè)部分，頁(yè)面的主要內(nèi)容在<article>元素中，導(dǎo)航欄在<nav>元素中等等。除了更清晰 和更符合語(yǔ)意的標(biāo)記，它還增強(qiáng)了標(biāo)記的互用性，比如搜索引擎能更精確的確定頁(yè)面上什么內(nèi)容比較重要，它可以忽略掉<nav>元素 和<footer>里的內(nèi)容，因?yàn)樗麄兺ǔ２话?yè)面的重要內(nèi)容，提高了搜索引擎的效率。
另外對(duì)于頁(yè)面開(kāi)發(fā)者來(lái)說(shuō)，他們能更簡(jiǎn)單統(tǒng)計(jì)頁(yè)面的數(shù)據(jù)，比如統(tǒng)計(jì)視頻數(shù)量時(shí)只需在<video>元素里統(tǒng)計(jì)就行。對(duì)于手持設(shè)備等主要進(jìn)行文章瀏覽時(shí)，可以直接定位到<article>元素中的內(nèi)容。
2.改進(jìn)頁(yè)面表格操作
當(dāng)今的網(wǎng)頁(yè)基本上都離不開(kāi)表格，在HTML 5中將包含一個(gè)達(dá)改進(jìn)叫Web Forms 2.0, 用來(lái)描繪如何進(jìn)行頁(yè)面表格操作。其中最打的特點(diǎn)就是“表格確認(rèn)”。當(dāng)前，開(kāi)發(fā)者通常使用JavaScript（客戶端）和PHP（服務(wù)端）代碼來(lái)確認(rèn)輸入 的內(nèi)容。比如，一些頁(yè)面的表格中的必填內(nèi)容：
在HTML 4中，以上類(lèi)型表格的標(biāo)記一般類(lèi)似于下面的形式：
在這個(gè)例子中，你得使用腳本來(lái)確認(rèn)用戶遞交的內(nèi)容，開(kāi)發(fā)者必須得寫(xiě)出自己的確認(rèn)代碼，來(lái)確認(rèn)用戶并沒(méi)有留下空白表格。
而在HTML 5中無(wú)需使用確認(rèn)腳本，它將提供額外的元素屬性，比如required和email 屬性，能自動(dòng)檢查用戶名和Email欄不是空白的，而且Email地址格式是有效的。
3.新的API讓頁(yè)面程序開(kāi)發(fā)更簡(jiǎn)單
HTML 5中將為新元素和現(xiàn)有的元素提供更多的API，旨在改進(jìn)頁(yè)面程序開(kāi)發(fā)和增加HTML 4所缺乏的特性。比如，一個(gè)視頻和音頻方面的API將與<audio>和<video>元素一起使用，它將提供視頻和音頻回放能 力，而無(wú)需依賴第三方程序，比如Flash。
4.<canvas>元素可以使圖像腳本更靈活
如下圖，通常我們發(fā)布的圖表都是通過(guò)使用圖片編輯器來(lái)完成，一旦數(shù)據(jù)有了改變，你只能再次處理新的圖片。在<canvas>元素的協(xié)助下，一旦數(shù)據(jù)有所改變，你可以通過(guò)各種腳本來(lái)修改餅狀統(tǒng)計(jì)圖（和其他圖表）的數(shù)據(jù)。
5.用戶可以編輯網(wǎng)頁(yè)的部分內(nèi)容
HTML 5中的User Interaction 用來(lái)描述頁(yè)面內(nèi)容交互工作的新方式。它的contenteditable 屬性可以讓開(kāi)發(fā)者決定，頁(yè)面哪部分內(nèi)容允許進(jìn)行用戶更改，這對(duì)于wiki類(lèi)的網(wǎng)站更為有用。