HTML5 近年來(lái)發(fā)展迅猛，隨著各大瀏覽器對(duì) HTML5 技術(shù)支持的不斷完善以及 HTML5 技術(shù)的不斷成熟， HTML5 必將成為創(chuàng)建 Web 應(yīng)用程序的主要方式。

作為時(shí)下最為流行的網(wǎng)頁(yè)語(yǔ)言，HTML5 擁有很多讓人期待已久的新特性，被看做是Web開(kāi)發(fā)者創(chuàng)建流行Web應(yīng)用的最佳利器，越來(lái)越多的開(kāi)發(fā)人員開(kāi)始使用 HTML5 來(lái)制作各種交互性強(qiáng)、效果豐富的 Web 應(yīng)用。 雖然HTML5標(biāo)準(zhǔn)尚未開(kāi)發(fā)完成，但是顯然HTML5已經(jīng)為市場(chǎng)所接受，并有著良好的發(fā)展前景。面對(duì)這一形式，開(kāi)發(fā)工具提供商也紛紛向HTML5技術(shù)靠攏，推出了支持HTML5的新版本。

今天慧都科技將向大家推薦3款優(yōu)秀的HTML5開(kāi)發(fā)工具， 這三款開(kāi)發(fā)工具相信大家都不會(huì)陌生， 只是這三款產(chǎn)品在各自的新本版本中都不約而同的推出了支持HTML5創(chuàng)建的新元素，相信大家還不是很了解，在這里慧都科技將帶大家一起探討一下它們的新特性，希望能幫助開(kāi)發(fā)者更高效的編寫 HTML5 應(yīng)用。

1 Google Web Toolkit

Google Web Toolkit是Google推出的Ajax應(yīng)用開(kāi)發(fā)包，支持開(kāi)發(fā)者使用Java語(yǔ)言開(kāi)發(fā)Ajax應(yīng)用。Google Web Toolkit框架本身是開(kāi)源的，但是其中的開(kāi)發(fā)工具僅僅提供開(kāi)發(fā)用License，不允許分發(fā)。開(kāi)發(fā)出來(lái)的Java應(yīng)用將由Google Web Toolkit開(kāi)發(fā)包提供的編譯工具編譯后生成對(duì)應(yīng)的應(yīng)用了Ajax技術(shù)的web應(yīng)用。

該開(kāi)發(fā)工具用于開(kāi)發(fā)瀏覽器應(yīng)用，但庫(kù)中支持很多HTML5功能。新版本改進(jìn)了對(duì)IE9的支持并關(guān)聯(lián)HTML5特性，包括能夠訪問(wèn)Web Storage， 通過(guò)Web應(yīng)用程序訪問(wèn)本地存儲(chǔ)數(shù)據(jù)，新增了快速查找并訪問(wèn)Google API，訪問(wèn)本地存儲(chǔ)數(shù)據(jù)API，Google Project Hosting整合，支持一次登錄，對(duì)客戶端或web存儲(chǔ)的支持，支持Canvas可視化，以及音頻和視頻widget。

推薦理由：

（1）使用方便：讓開(kāi)發(fā)者只需使用熟悉的Java語(yǔ)言編寫應(yīng)用程序，無(wú)需學(xué)習(xí)其它的編程語(yǔ)言, 使復(fù)雜的AJAX Web開(kāi)發(fā)變得十分簡(jiǎn)單。

（2） 幫助開(kāi)發(fā)者節(jié)約開(kāi)發(fā)時(shí)間：無(wú)需花費(fèi)太對(duì)時(shí)間來(lái)處理網(wǎng)絡(luò)瀏覽器和平臺(tái)之間細(xì)微的不兼容性問(wèn)題，只需使用 Java 編程語(yǔ)言編寫前端，Google Web Toolkit編譯器會(huì)自動(dòng)將Java 類轉(zhuǎn)換為與瀏覽器兼容的 JavaScript 和 HTML，輕松完成HTML5的應(yīng)用開(kāi)發(fā)。

（３）開(kāi)源免費(fèi)，現(xiàn)在已經(jīng)積累了一定數(shù)量的中國(guó)用戶群，有部分中文文檔和開(kāi)發(fā)資源。

2 微軟Visual Studio

眾所周知，Visual Studio是 .Net開(kāi)發(fā)平臺(tái)中最為重要的開(kāi)發(fā)工具，可快速生成企業(yè)級(jí)ASP.NET Web應(yīng)用程序和高性能桌面應(yīng)用程序； 含基于組件的多種開(kāi)發(fā)工具（如Visual C#、Visual J#、Visual Basic和Visual C++），可輕松創(chuàng)建混合語(yǔ)言的解決方案。

雖然一開(kāi)始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對(duì)HTML5的一些元素。這些新元素包括了對(duì)視頻和相關(guān)標(biāo)記；音頻和相關(guān)標(biāo)記；新輸入類型，比如電子郵件、url、日期等；拖放支持；可訪問(wèn)性標(biāo)準(zhǔn) WAI-ARIA；微觀數(shù)據(jù)；Schema.org 和 SEO 更加友好。

Visual Studio 2010 SP1在最初并沒(méi)有附帶HTML5模板， 需要手動(dòng)添加， 但是這點(diǎn)不足之處在最新的2012版本中得到了解決，增加了最新的模板、工具以及對(duì)HTML5 和 CSS3等新標(biāo)準(zhǔn)的全面支持。

推薦理由：

（1）.Net項(xiàng)目開(kāi)發(fā)必備工具，一句話：只要做.Net開(kāi)發(fā)，就離不開(kāi)它。.Net擁有大量開(kāi)發(fā)人員和用戶文檔，作為微軟出品的全球用戶量最多的IDE，其穩(wěn)定性和商業(yè)性毋庸置疑。

（2） 從Visual Studio 2010 SP1版本開(kāi)始，微軟開(kāi)始在新版本中加入HTML5新元素。由于該產(chǎn)品是.Net開(kāi)發(fā)人員最為熟悉的開(kāi)發(fā)工具，所以開(kāi)發(fā)人員在這個(gè)環(huán)境中開(kāi)發(fā)HTML5應(yīng)用并不會(huì)感到任何的陌生感，同時(shí)讓.Net開(kāi)發(fā)人員使用自己熟悉的語(yǔ)言，便能開(kāi)發(fā)出了支持HTML5的先進(jìn)應(yīng)用程序。

3 JetBrains WebStorm

出自JetBrains公司旗下的WebStorm可以說(shuō)是聲名赫赫， 本身是JetBrains所開(kāi)發(fā)的一個(gè)專門為Web開(kāi)發(fā)人員設(shè)計(jì)的輕量、快速的商用IDE，與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。本身包括快速智能的代碼提示(全項(xiàng)目的)和補(bǔ)全，支持重構(gòu)，支持代碼格式化細(xì)節(jié)的自定義，良好的編輯體驗(yàn)(如快速定位最近的編輯、快速查看代碼結(jié)構(gòu)及定義等)，便于調(diào)試等優(yōu)勢(shì)特性。

作為擁有HTML編輯器的JavaScript集成開(kāi)發(fā)環(huán)境， WebStorm的4.0版本中提供了開(kāi)發(fā)web應(yīng)用的HTML5樣板。 開(kāi)發(fā)者可以在創(chuàng)建HTML文檔時(shí)獲得對(duì)HTML5文件的支持，例如砍伐者鍵入。開(kāi)發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預(yù)覽HTML文檔。此外還可以檢驗(yàn)和快速修復(fù)，Zen編碼，以及顯示內(nèi)容、顯示應(yīng)用的風(fēng)格等HTML5特性。

推薦理由

（1） HTML5應(yīng)用開(kāi)發(fā)的JavaScript專業(yè)編輯器， 由JetBrains開(kāi)發(fā) （旗下?lián)碛蠷esharper、IntelliJ IDEA等產(chǎn)品），系出名門，擁有強(qiáng)大的技術(shù)支持。

（2） 其智能提示、代碼補(bǔ)全和代碼重構(gòu)功能都非常出眾強(qiáng)大，大大提高開(kāi)發(fā)人員在JavaScript代碼中編寫html代碼的效率。

（3）提供的HTML5的模板非常有價(jià)值，與VS2012提供的簡(jiǎn)單模板完全不同，全都是知名實(shí)際項(xiàng)目的模板。

相關(guān)閱讀

•  20個(gè)最炫HTML5，jQuery和CSS3下拉菜單制作教程（附示例/源碼）
• 15款免費(fèi)的HTML5編碼工具推薦（附下載）
• 2014馬上有HTML5！大波帶PSD的HTML5網(wǎng)站模版賀新年
• Web開(kāi)發(fā)人員最關(guān)注的6款HTML5代碼生成器
• 程序員需要知曉的14大開(kāi)發(fā)工具
• 9款酷炫jQuery/HTML5特效應(yīng)用（附源碼下載）
• 關(guān)于HTML5開(kāi)發(fā)需要了解的四件大事
•