一个前台页面的开发一般需要html、css、javascript三种技术的支持，amazuiui对一些css、js进行了封装，是其可供用户直接调用。使用方法amazeui的使用通常有两种方式：css、js文件复制到项目中；采用cdn方式。（在开发过程中采用第一种方式；开发结束需要部署时，采用第二种方式。具体解释见附录1）方法一1.将amazeui对应的zip下载。解压后查看该文件夹下的问...

　　Canvas是H5的一部分，允许脚本语言动态渲染图像。Canvas定义一个区域，可以由html属性定义该区域的宽高，javascript代码可以访问该区域，通过一整套完整的绘图功能（API），在网页上渲染动态效果图。游戏：毫无疑问，游戏在HTML5领域具有举足轻重的地位。HTML5在基于Web的图像显示方面比Flash更加立体、更加精巧。图表制作：图表制作时常被人们忽略，但无论企业内部还是...

　　每个指定了manifest的页面在用户对其访问时都会被缓存。如果未指定manifest属性，则页面不会被缓存（除非在manifest文件中直接指定了该页面）。manifest文件的建议的文件扩展名是：".appcache"。请注意，manifest文件需要配置正确的MIME-type，即"text/cache-manifest"。必须在web服务器上进行配置。manif...

　　localStorage是HTML5中作为在客户端持久保存数据的方案，与cookie相比，localStorage不用在客户端与服务器之间相互传递，且可存储大量数据（2.5MB-5MB），所以应用范围更广泛。由于许多老式浏览器不支持localStorage，所以要先写个函数判断浏览器是否支持该对象。如果运行该函数，返回值为true，那么恭喜你，可以运用本地存储了。localStorage有两个...

　　离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制，但它们并不可靠，也不一定总能起到预期的作用。HTML5使用ApplicationCache接口解决了由离线带来的部分难题。使用缓存接口可为您的应用带来以下三个优势：应用缓存（又称AppCache）可让开发人员指定浏览器应缓存哪些文件以供离线用户访问。即使用户在离线状态下按了刷新按钮，您的应用也会正常加载和运行。引用清单...

　　为什么要使用ApplicationCache技术？在HTML5之前，我们需要接入网络才能访问，这毫无疑问是网站多次请求服务器，造成速度变慢，对于PC用户，网络相对比较稳定，载入速度也不会差太多。但是移动端呢？移动端依赖无线信号、依赖信号塔、位置不固定、受附近建筑影响等。一系列导致网络的不稳定，我们不能改变用户，也不能放弃网络较慢的用户。还有，在混合app领域，经常使用内置webview加载h...

　　在网页里嵌入HTML5音频播放器和视频播放器的方法非常简单：上面这个例子显示了如何播放一个视频文件，并露出视频播放控制按钮。这里的src属性里可以填入视频的URL，也可以是一个本地的文件。支持Ogg格式视频流的浏览器可以播放Ogg文件。如果不支持，可以播放MPEG-4文件。查看各种浏览器对各种媒体类型的支持情况，请查看这里。我们还可以指定播放使用的解码器（codecs）;这样就可...

　　HTML5提供了一些新的元素和属性，例如nav（网站导航块）和footer。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如audio和video标记。下面我们就和大家一起学习HTML5新增标签使用方法。这是一个定义选项列表的标签datalist这个的作用就是将text文本框与select标签结合起来而这个select选...

　　页面跳转页面跳转是我们常用的功能之一，通常在导航栏或菜单栏等地方当用户点击某个选项后就会打开对应的页面。我们只需要给a标签的【href】属性设置对应的网页地址就可以实现用户点击的时候跳转了。但是a标签默认会给显示的文字添加下划线，并且初始状态是显示蓝色的。我们可以通过给a标签设置css样式来改变这种状态。另外a标签默认是在当前页面打开链接地址，我们也可以通过给a标签设置【target】属性来实...

　　过去Web程序不能替代桌面程序的一个重要原因就在于浏览器对于文件操作API的缺失。照片处理中的裁剪、滤镜，二维码的读取与识别，文档的查看和编辑等，这些操作无一不依赖文件的操作，HTML5赋予了浏览器几乎和本地程序同等强大的文件操作能力。FileAPI是HTML5在DOM标准中添加的功能，它允许Web内容在用户授权的情况下选择本地文件并读取内容一通过File，FileList和FileRe...