2HTML5APPCache及本地存储基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度3设备兼容HTML5提供了前所未有的数据与应用接入开放接口使外部应用可以与浏览器内部的数据直接相连4连接特性更有效的连接。

全屏API full Screen 获取MediaAPIgetUserMedia 电池API battery 资源预加载APIlink Prefetching Page Visibility 页面可见性API 该API可以用来检测页面对于用户的可见性，即返回用户当前浏览的页面或标签tap的状态变化。

手机中的方位轴 在Web应用中调用手机陀螺仪接口摇一摇使用DeviceOrientation事件， 本质是计算偏转角测试中发现有些设备不支持ifwindowDeviceOrientationEvent $windowon#39deviceorientation#39， functione if。

1后端将数据输出到HTML页面，在JS控制逻辑中需要访问数据时可以从HTML中取得2定义前后端请求的接口，一般是AJAX接口，如果存在跨域问题或一些特殊的业务场景，可能也会使用JSONP或者其他方式，总之，不论是何种方式请求。

HTML5中可以通过localStorage数据与JSON对象的转换，快速实现存储更多数据的功能将localStorage数据转成JSON对象，需要调用JSON对象的parse方法，JSONparsedata其中data就是localStorage对象获取的数据，调用该方法将返回一个。

我们首先在页面定义要展示地理位置的div，分别定义id#baidu_geo和id#google_geo我们只需修改关键函数showPosition先来看百度地图接口交互，我们将经纬度信息通过Ajax方式发送给百度地图接口，接口会返回相应的省市区街道。

除了原先的DOM接口，HTML5增加了更多API，如1 用于即时2D绘图的Canvas标签2 定时媒体回放3 离线数据库存储4 文档编辑5 拖拽控制6 浏览历史管理。

总的来说，这些与结构有关的改进使内容创建者可以创建更干净，更容易管理的网页，这样的网页对搜索引擎，对读屏软件等更为友好新应用程序接口API除了原先的DOM接口，HTML5增加了更多API，如1 用于即时2D绘图的Canvas标签2 定时媒体。

技术要点1重要标记 定义和用法 标签定义视频，比如电影片段或其他视频流标记定义和用法 标签定义声音，比如音乐或其他音频流2程序接口 除了原先的DOM接口，HTML5增加了更多API，如1用于即时2D绘图的Canvas。

网页技术的发展和进步，使得网页的功能朝着越来越丰富的方向发展，网页计算机设计技术也在这样的情况下得以不断融合比如HTML5与CSS3两者之间的融合，为网页设计打开了全新的局面，有利于提升网页设计的效益因此，积极探究HTML5与CSS3的在网。

它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体HTML是由HTML命令组成的描述性文本，可以解释文字图形动画声音表格链接等Html是一种用来描述网页的语言它被称为超文本标记。

简单说html5是html的最新标准 ，体现在新标签，新css标准，新js接口 bootstrap是基于html5技术的一个好用的前端代码框架，可以简单的复制粘贴，修修改改做一个漂亮页面 响应式设计是一种设计实现理念 ，css3的meida query。

设备兼容特性 Class DEVICE ACCESS从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势HTML5提供了前所未有的数据与应用接入开放接口使外部应用可以直接与。

HTML5为什么如此受欢迎主要因为它本身的优势HTML5的主要优势如下1基于HTML5强大的兼容性因为HTML5提供了前所未有的数据与应用接入开放接口，使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与。

微信公众平台本身没有这个存储空间，所以就需要有个服务器或者第三方托管来承载制作好的html5页面1通常微信都有第三方合作平台，直接调用第三方接口，然后将html5和页面素材统一打包上传到第三方服务端2倘若有服务器空间。