1、环境搭建（Tomcat为例）：
在Tomcat中的conf配置文件中web.xml中添加离线配置：
<!--HTML5--> <mime-mapping> <extension>appcache</extension> <mime-type>text/cache-manifest</mime-type> </mime-mapping> <!--HTML5-->
2、web项目中创建index.appcache在其录入一下内容：
CACHE MANIFEST CACHE: index.jsp test.htm
3、创建HTML5页面
注意：要想其离线应用功能启用，在HTML5中添加如下内容：
<html manifest="index.appcache">
4、页面如下内容：
<!DOCTYPE html> <html manifest="index.appcache"> <head> <meta charset="UTF-8"> <title>HTML5特性之离线缓存测试</title> </head> <body>+++++++++++++++++++++++++++++++++++++++ </body> </html>
5、测试：启动tomcat访问后,关闭tomcat,再次访问,即可看到效果