甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
所谓html5是作为一种标准。而最终实现是需要浏览器内核支持。无论是显示还是数据库链接 和 浏览器内核有关。然后。html5 是支持SQLite的连接的。需要使用js的数据库操作的一套api。chrome应该是比较好支持的！
目前成都创新互联公司已为1000多家的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器托管、企业网站设计、平定网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
HTML5连接数据库分为以下几步：
预备知识：Web SQL Database，Html5环境下可以用Js执行CRUD的Web数据库组件。
核心方法如下：
1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。
2、transaction：这个方法允许我们根据情况控制事务提交或回滚。
3、executeSql：这个方法用于执行真实的SQL查询。
第一步：打开连接并创建数据库
var dataBase = openDatabase("student", "1.0", "student", 1024 * 1024, function () { });
if (!dataBase) {
alert("数据库创建失败！");
} else {
alert("数据库创建成功！");
}
第二步：创建数据表
this.createTable=function() {
dataBase.transaction( function(tx) {
tx.executeSql(
"create table if not exists stu (id REAL UNIQUE, name TEXT)",
[],
function(tx,result){ alert('创建stu表成功'); },
function(tx, error){ alert('创建stu表失败:' + error.message);
});
});
}
第三步：执行增删改查
添加数据：
this.insert = function () {
dataBase.transaction(function (tx) {
tx.executeSql(
"insert into stu (id, name) values(?, ?)",
[id, '徐明祥'],
function () { alert('添加数据成功'); },
function (tx, error) { alert('添加数据失败: ' + error.message);
} );
});
在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连数据库
HTML5本地存储——Web SQL Database
在HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage，这两个是以键值对存储的解决方案，存储少量数据结构很有用，但是对于大量结构化数据就无能为力了，灵活大不够强大。
Web SQL Database
我们经常在数据库中处理大量结构化数据，html5引入Web SQL Database概念，它使用 SQL 来操纵客户端数据库的 API，这些 API 是异步的，规范中使用的方言是SQLlite，你假如感兴趣，可以来我的裙，一起学习交流下，同时也欢迎每一位大神，前面是二五七，中间是014，后面是001，组合起来就是了，非常欢迎真心久留学习的。
三个核心方法
但是我们学一下也没什么坏处，而且能和现在W3C力推的IndexedDB做比较，看看为什么要废弃这种方案。Web SQL Database 规范中定义的三个核心方法：
openDatabase：这个方法使用现有数据库或新建数据库来创建数据库对象
transaction：这个方法允许我们根据情况控制事务提交或回滚
executeSql：这个方法用于执行SQL 查询
站点建了，DW也管理了，数据库表也建了，还小添了一下。那下面就开用DW还算强大的功能：连接数据库并且显示纪录。
1，打开DW，在站点里面先新建个ASP页面（index.asp）。 在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点，选择了文档类型（即我们选的ASP Javascript的），并且还测试了服务器（）；则当前我们看到就剩下第四步没有打勾了。那现在就点击“+”号，选择“自定义连接字符串”。
2，在弹出来的“自定义连接字符串”对话框中，"连接名称"随便写一个。“连接字符串”就要好好填写了。当"使用此计算机上的驱动程序"时应用绝对路径：
DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d:/newgn/database/cnbruce.mdb
否则“使用测试服务器上的驱动程序”采用Mappath转换路径 ：
"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb")
注：如果将要上传到网上去的页子就可以直接采用Mappath了。（有关Mappath的文章见;log_id=423）
点击“测试”，出现成功即爽。
附注：需要更多了解的，可以打开DW的帮助教程。
3，成功连接数据库后，在DW里其实是自动生成了一个连接文件。位置在自动生成的Connections文件夹中，名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。还可以注意到DW数据库标签内看到mdb文件内的各个字段。
4，连接数据库的文件是有了，但下面我们具体的单个页面怎么和数据库挂钩呢。选择“绑定”标签，添加“记录集（查询）”。单看字面意思就知道是来SQL查询语句了。
5，在弹出的“记录集”窗口中，“名称”随便写个吧，也可不写，默认的。但"连接"就要从下拉列表中选择你定义的连接对象了，“表格”继续下拉选择（注：这和设计数据库的时候有几张表相关的）。
6，其它随便看下，其实最主要的是自动生成了SQL语言，点选“高级...”，可以看到如下图
7，确定后，你会发现记录集已经绑定，所有数据库中的字段都显现出来。
再注意下面有“插入”按钮，完全可以将某个字段选中，或按按钮或拖动到index.asp页面即可。该asp页面就显示数据库里面内容了。但只能显示首行的，要想全部显示。。。。Next
8，“插入”工具栏“应用程序”标签中选择“动态表格”。
9，弹出的动态表格中选择已经帮定的记录集，显示几条记录明白说就是分页程序的生成：数据的记录多，内容多，就分好几页来显示，每页几条。记录是用表格自动生成显示出来的，再设下表格的属性。
确定后效果如下：
10，可以告诉你，基本差不多了。F12看看效果
那么现在暂搞一段落，你已经学会怎么连数据库，怎么显示库表中的记录了。等待你的就是下面怎么插入新的记录，怎么修改记录等等。。。。