h5本地資料庫

『壹』 什麼是h5，h5的場景製作工具有哪些

h5就是html5，HTML5是用於取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML 標准版本，現在仍處於發展階段，但大部分瀏覽器已經支持某些 HTML5 技術。HTML 5有兩大特點：首先，強化了 Web 網頁的表現性能。其次，追加了本地資料庫等 Web 應用的功能。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要插件的豐富性網路應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，並且提供更多能有效增強網路應用的標准集
h5的製作工具有:
一、Adobe Edge

目前還處於預覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務。

動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現互動功能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作為一個Web設計軟體，提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能，提供自適應版面的跨平台兼容性。開發者可以完全實現Web設計的可視化操作，無需為代碼所困。

用戶不但還能在Live View中預覽，還提供多屏幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用來開發企業Web程序的伺服器端技術，通過Websockets、互動表單、視頻和地理標簽等HTML5技術創建富媒體用戶體驗。

四、Sencha Architect 2

在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用，並實時預覽。

五、Sencha Touch 2

Sencha Touch2是移動應用框架，也被看作是Sencha的HTML5平台。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的移動應用。

六、Dojo Foundation Maqetta

來自於IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板

七、微軟Visual Studio 2010 ServicePack 1

雖然一開始並不支持HTML5，但微軟在2011年三月發布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。

八、JetBrains WebStorm 4.0

作為擁有HTML編輯器的JavaScript集成開發環境，WebStorm4.0提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。

九、Google Web Toolkit

該開發工具用於開發瀏覽器應用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。

十、DCloud HBuilder

HBuilder是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛。

『貳』 html5怎麼連接資料庫

在HTML5之前的時代，如果需要在客戶端本地保存數據，只能存儲在Cookie中，但是 Cookie使用過多會影響請求速度 ，所以並不適合存儲大量數據。

而在HTML5面世後，自帶了本地存儲和本地資料庫功能，更為便捷的管理客戶端數據。

HTML5提供了一個 基於瀏覽器端的資料庫 （WebSQL 、IndexedDB），我們可以通過JS API來在瀏覽器端創建一個本地資料庫，而且它還支持標準的SQL來執行CRUD操作。

如何查看本地的資料庫呢？通過各個 瀏覽器的調試工具 可以查看。

在HTML5中操作本地資料庫都是通過JS API來實現的，很簡單，步聚如下：

1、通過 openDatabase 創建資料庫對象

2、通過 db.transaction 設置回調函數

3、通過 executeSql 方法執行查詢

HTML5默認情況下是無法連接遠程資料庫的，一般都是通過API去操作資料庫。比如當下流行的前後端完全分離，藉助的就是RESTful來實現業務數據的CRUD操作。

怎麼會問這個問題，HTML是不可能鏈接資料庫的，他是標簽類語言，是用於構建靜態頁面的，要想鏈接資料庫必須得支持網路通信和IO的，顯然HTML並沒有支持，HTML只是用來設計頁面的。

我還以為我落伍了，h5連資料庫