线缓存为HTML5开发移动应用提供了基础

HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。在线app支持边使用边下载离线缓存，或者不下载离线缓存；而离线app必须是下载完离线缓存才能使用。

css选择器：

（1）标记选择器（简单选择器）

（2）class选择器

.s1{

属性名：属性

}

还有一种有名字的class选择器，如下：

div.s1{

font-size;120px;

}

（3）id选择器

#d1{

font-size:italic;

font-weight:900;

}

除此之外，写第一个HTML5 App

• 启动Eclipse，然后在菜单“File”下选择“New > Android Project”。

• 在项目根目录下，创建两个新目录:

• /libs

• /assets/www

• 复制phonegap.js（从PhoneGap解压缩后的Android目录中，将解压缩后的带版本号的js文件名修改为phonegap.js）到/assets/www。

• 复制phonegap.jar（从PhoneGap解压缩后的Android目录中，将解压缩后的带版本号的jar文件名修改为phonegap.jar）到/libs。

• 复制xml整个目录（从PhoneGap解压缩后的Android目录中，包括一个plugins.xml）到/res。【v1.0 rc2以上】

• 对Eclipse的src文件夹中的主要Java文件进行少量调整。

• 将class的继承由Activity改为DroidGap

• 将setContentView()替换为super.loadUrl(“file:///android_asset/www/index.html”);

• 添加import com.phonegap.*;

• 移除import android.app.Activity;

• 在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下，右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定，你需要点击F5刷新一次项目。

• 最后介绍一些关于HTML5
简单的操作的一些技巧

• ：

重要标记

（1）链接

<a href="地址” target="打开的窗口" title="提示信息"></a>

target="_black":在新的窗口中打开链接

target="_selt":缺省值，在当前窗口中打开

（2）图片链接

<a href="地址" border="0"><img src="test.jpg"></a>

border属性值：为了去掉默认边框。

（3）发邮件

<a href="mailto:739299362@qq.com?subject=hello">发邮件</a>

（4）锚点（在同一页面进行跳转）

<a name="top">跳到这里</a>

<a href="#top">跳到top</a>

（5）表格

<table border="1" width="60%" cellpadding="10" cellspacing="0">

<tr><td>表格一</td><td>表格二</td></tr>

<tr><td>BIAOGE</td><td>BIAOGE</td></tr>

</table>

我们来回顾用HTML5框架创建移动web App的一些优势。在移动开发方面，移动web App已经比原生App以及响应式设计这两个时髦术语炒作得少了。然而他们提供了大多数上述两种移动技术的最佳特性。进一步阅读以了解为什么要选择创建HTML5 web App！

1. HTML5作用于每一个平台

建立一个HTML5 web App允许您创建一个跨平台兼容并无缝跨越所有浏览器运行的App。这使得开发和部署App非常有利可图。

2.即时访问与更新

移动Web App可以通过浏览器快速访问。而且，数据和内容可以实时当场更改。你不需要等待应用商店的批准或用户去安装更新，你做的任何改变是现场立即的。

3.利用设备的功能

Web App创建以HTML5作为主干，可以获取该设备的特殊功能，包括但不局限于：整合一个用户可以上传照片的App内置相册；使用“摇”功能启动GPS。

4. 应用商店？

如果你用我们的工具包建立一个HTML5 App,你不必理会平台和应用商店。首先，你的App自动在iOS，Android，黑莓和Windows Phone上运行。其次，你的用户将不必在应用商店下载App。

5.完全的设计自由

用web App工具构建HTML5 web App的一个优势是我们预先设定的100多个种类的极好功能！无论你是否进行编程，用我们的工具包，你有完全的编码和设计自由。

不相信吗？开始一个免费体验或者请求一个个人DEMO并自己体验HTML5的优势。

本文由 专业App开发公司www.256app.com软捷科技首发，转载请注明信息来源。