HTML5 近年來發展迅猛，隨著各大瀏覽器對 HTML5 技術支持的不斷完善以及 HTML5 技術的不斷成熟， HTML5 必將成為創建 Web 應用程序的主要方式。

作為時下最為流行的網頁語言，HTML5 擁有很多讓人期待已久的新特性，被看做是Web開發者創建流行Web應用的最佳利器，越來越多的開發人員開始使用 HTML5 來制作各種交互性強、效果豐富的 Web 應用。 雖然HTML5標準尚未開發完成，但是顯然HTML5已經為市場所接受，并有著良好的發展前景。面對這一形式，開發工具提供商也紛紛向HTML5技術靠攏，推出了支持HTML5的新版本。

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

1 Google Web Toolkit

Google Web Toolkit是Google推出的Ajax應用開發包，支持開發者使用Java語言開發Ajax應用。Google Web Toolkit框架本身是開源的，但是其中的開發工具僅僅提供開發用License，不允許分發。開發出來的Java應用將由Google Web Toolkit開發包提供的編譯工具編譯后生成對應的應用了Ajax技術的web應用。

該開發工具用于開發瀏覽器應用，但庫中支持很多HTML5功能。新版本改進了對IE9的支持并關聯HTML5特性，包括能夠訪問Web Storage， 通過Web應用程序訪問本地存儲數據，新增了快速查找并訪問Google API，訪問本地存儲數據API，Google Project Hosting整合，支持一次登錄，對客戶端或web存儲的支持，支持Canvas可視化，以及音頻和視頻widget。

推薦理由：

（1）使用方便：讓開發者只需使用熟悉的Java語言編寫應用程序，無需學習其它的編程語言, 使復雜的AJAX Web開發變得十分簡單。

（2） 幫助開發者節約開發時間：無需花費太對時間來處理網絡瀏覽器和平臺之間細微的不兼容性問題，只需使用 Java 編程語言編寫前端，Google Web Toolkit編譯器會自動將Java 類轉換為與瀏覽器兼容的 JavaScript 和 HTML，輕松完成HTML5的應用開發。

（３）開源免費，現在已經積累了一定數量的中國用戶群，有部分中文文檔和開發資源。

2 微軟Visual Studio

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

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

Visual Studio 2010 SP1在最初并沒有附帶HTML5模板， 需要手動添加， 但是這點不足之處在最新的2012版本中得到了解決，增加了最新的模板、工具以及對HTML5 和 CSS3等新標準的全面支持。

推薦理由：

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

（2） 從Visual Studio 2010 SP1版本開始，微軟開始在新版本中加入HTML5新元素。由于該產品是.Net開發人員最為熟悉的開發工具，所以開發人員在這個環境中開發HTML5應用并不會感到任何的陌生感，同時讓.Net開發人員使用自己熟悉的語言，便能開發出了支持HTML5的先進應用程序。

3 JetBrains WebStorm

出自JetBrains公司旗下的WebStorm可以說是聲名赫赫， 本身是JetBrains所開發的一個專門為Web開發人員設計的輕量、快速的商用IDE，與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。本身包括快速智能的代碼提示(全項目的)和補全，支持重構，支持代碼格式化細節的自定義，良好的編輯體驗(如快速定位最近的編輯、快速查看代碼結構及定義等)，便于調試等優勢特性。

作為擁有HTML編輯器的JavaScript集成開發環境， WebStorm的4.0版本中提供了開發web應用的HTML5樣板。 開發者可以在創建HTML文檔時獲得對HTML5文件的支持，例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。此外還可以檢驗和快速修復，Zen編碼，以及顯示內容、顯示應用的風格等HTML5特性。

推薦理由

（1） HTML5應用開發的JavaScript專業編輯器， 由JetBrains開發 （旗下擁有Resharper、IntelliJ IDEA等產品），系出名門，擁有強大的技術支持。

（2） 其智能提示、代碼補全和代碼重構功能都非常出眾強大，大大提高開發人員在JavaScript代碼中編寫html代碼的效率。

（3）提供的HTML5的模板非常有價值，與VS2012提供的簡單模板完全不同，全都是知名實際項目的模板。

相關閱讀

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