HTML5發展如火如荼， 隨著各大流覽器對HTML5技術支援的不斷完善以及HTML5技術的不斷成熟， 未來HTML5必將改變我們創建Web應用程式的方式。
HTML5的開發工具有哪些， 下面一起分享：
1、Initializr
initializr是一款html5範本生成器， 説明你快速啟動基於html5範本的新專案。 Initializr是製作HTML5網站最好的入門輔助工具， 你可以使用提供的特色範本快速生成網站， 也可以自訂， Initializr會為你生成代碼簡潔的可定制的網頁範本。
2、HTML5 Reset
HTML5 Reset是一組檔， 包括HTML、CSS等， 用於在開始新專案的時候幫助你節省時間，
3、moqups
moqups是一款免費的html5線上應用， 可創建線框圖、實體模型和ui概念。 該程式使用起來非常簡單， 並且有內置的範本可以直接使用（範本包括選項按鈕、連結、圖像預留位置、文字方塊以及滑塊等）。
4、sprite box
sprite box是一款wysiwyg工具， 可幫組web開發人員輕鬆、快速地創建css類和id。 它是基於使用背景位置屬性原則來調整插入到網頁塊元素中的精靈小圖像。 這款工具是使用 jquery， html5 和 css3 組合來運轉的， 而且是一款完全免費的工具。
5、literally canvas
literally canvas是一款開源的html5部件， 可以被集成到任何頁面。 它配備了一套簡單的工具， 包括繪圖、擦除、顏色選擇器、撤銷、恢復、平移以及縮放。 該工具利用jquery+和underscore.js創建而來， 利用api定義背景色、工具以及尺寸。
6、html5 test
利用html5 test可以測試你的流覽器支援即將推出html5 標準和相關規範的得分情況。 儘管該規範還沒有最終敲定， 但是所有主流流覽器廠商都在為未來做好準備。
你可以查看流覽器支援html5 哪些部分並與其他流覽器進行對比。
以上是線上的開發工具， 下面推薦幾款常見開發應用工具
1、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個web設計軟體，提供了對HTML網站和移動程式的視覺化編輯介面。其Fluid Grid 排版系統整合CSS樣式表功能，提供自我調整版面的跨平臺相容性。開發者可以完全實現web設計的視覺化操作，無需為代碼所困。
用戶不但還能在Live View中預覽，還提供多螢幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支援HTML5。
2、Adobe Edge
目前還處於預覽階段的Adobe Edge 是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時相容移動設備和桌面電腦。Edge的一個重要功能是web工具包介面，方便確保頁面在不同流覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務。
動畫和圖形可以添加到HTML元素中，程式也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現互動功能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以相容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流流覽器。
3、 mobl
mobl 是一個新的開源的程式設計語言，主要用於加速手機應用的開發，mobl 可方便構建手機 web 應用程式，包括 iOS、Android 和其他支援 HTML5 技術的手機。
Mobl使用一種與JavaScript非常類似的指令碼語言實現了靜態類型的推斷語言。該語言擁有以下頂級結構： 實體（entities）、類型（types）、函數（functions）、控制項（controls）、螢幕（screens）、樣式（styles ）和設備（services）。實體是在本機存放區中持久化的資料元素，而類型是一種供我們使用的不穩定的資料。函數與那些定義在JavaScript以及能夠調用JavaScript代碼的語言中的函數類似等。
4、Edge Animate CC
Edge Animate CC可以讓你很輕鬆的為現代Web設計互動式和生動地HTML內容。
主要特性：
HTML動畫：設計表達、動畫內容輕鬆精確以及寫實。你還可以將運動和交互添加到現有的HTML佈局與範本中。
精確控制：使用直觀的時間軸進行設計來達到驚人的精確度。
跨平臺多設備：支持iOS、Android智慧手機和平板電腦，以及現代的桌面流覽器。
GDCA（數安時代）擁有國內自主簽發信鑒易 TrustAUTH SSL證書以及是國際多家知名品牌：GlobalSign、Symantec、GeoTrust SSL證書指定的國內代理商。為了讓國內更多的網站升級到安全的https加密傳輸協議，五一期間，GDCA推出多種國際知名SSL證書優惠活動，實現HTTPS加密並展示網站真實身份資訊。詳情請資訊GDCA產品官網線上客服https://www.trustauth.cn/。
文章轉載：https://www.trustauth.cn/wiki/19848.html
Adobe Dreamweaver CS6作為一個web設計軟體，提供了對HTML網站和移動程式的視覺化編輯介面。其Fluid Grid 排版系統整合CSS樣式表功能，提供自我調整版面的跨平臺相容性。開發者可以完全實現web設計的視覺化操作，無需為代碼所困。
用戶不但還能在Live View中預覽，還提供多螢幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支援HTML5。
2、Adobe Edge
目前還處於預覽階段的Adobe Edge 是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時相容移動設備和桌面電腦。Edge的一個重要功能是web工具包介面，方便確保頁面在不同流覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務。
動畫和圖形可以添加到HTML元素中，程式也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現互動功能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以相容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流流覽器。
3、 mobl
mobl 是一個新的開源的程式設計語言，主要用於加速手機應用的開發，mobl 可方便構建手機 web 應用程式，包括 iOS、Android 和其他支援 HTML5 技術的手機。
Mobl使用一種與JavaScript非常類似的指令碼語言實現了靜態類型的推斷語言。該語言擁有以下頂級結構： 實體（entities）、類型（types）、函數（functions）、控制項（controls）、螢幕（screens）、樣式（styles ）和設備（services）。實體是在本機存放區中持久化的資料元素，而類型是一種供我們使用的不穩定的資料。函數與那些定義在JavaScript以及能夠調用JavaScript代碼的語言中的函數類似等。
4、Edge Animate CC
Edge Animate CC可以讓你很輕鬆的為現代Web設計互動式和生動地HTML內容。
主要特性：
HTML動畫：設計表達、動畫內容輕鬆精確以及寫實。你還可以將運動和交互添加到現有的HTML佈局與範本中。
精確控制：使用直觀的時間軸進行設計來達到驚人的精確度。
跨平臺多設備：支持iOS、Android智慧手機和平板電腦，以及現代的桌面流覽器。
GDCA（數安時代）擁有國內自主簽發信鑒易 TrustAUTH SSL證書以及是國際多家知名品牌：GlobalSign、Symantec、GeoTrust SSL證書指定的國內代理商。為了讓國內更多的網站升級到安全的https加密傳輸協議，五一期間，GDCA推出多種國際知名SSL證書優惠活動，實現HTTPS加密並展示網站真實身份資訊。詳情請資訊GDCA產品官網線上客服https://www.trustauth.cn/。
文章轉載：https://www.trustauth.cn/wiki/19848.html