html5wap,html5wap首页布局

手机wap网站和html5手机网站有什么区别？

你说的html5网站应该是自适应的网站，是通过pc网站演变过来的！目前蜘蛛比较喜欢抓这类，比如熊掌号就是主抓的，而wap的手机站，还是很久以前的时代的用法了，要通过pc端转化过去，说白了就是2个不同的模板制作出来的。

wap、html5和app 有什么不同呢？希望将详细一点。

　WAP（Wireless Application Protocol) 为无线应用协议，是一项全球性的网络通信协议。WAP使移动Internet 有了一个通行的标准，其目标是将Internet的丰富信息及先进的业务引入到移动电话等无线终端之中。WAP定义可通用的平台，把目前Internet网上HTML语言的信息转换成用WML（Wireless Markup Language)描述的信息，显示在移动电话的显示屏上。WAP只要求移动电话和WAP代理服务器的支持，而不要求现有的移动通信网络协议做任何的改动，因而可以广泛地应用于GSM、CDMA、TDMA、3G等多种网络。

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。

app就是应用软件 现在主要指的都是ios mac android等系统下的应用软件

如何用html5开发wap版实例

下面列举HTML5适合移动应用开发的几大特性：

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

HTML5 Web Storage API可以看做是加强版的cookie，不受数据大小限制，有更好的弹性以及架构，可以将数据写入到本机的ROM中，还可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。

同时，这个功能算得上是另一个方向的后台“操作记录”，而不占用任何后台资源，减轻设备硬件压力，增加运行流畅性。

在线app支持边使用边下载离线缓存，或者不下载离线缓存；而离线app必须是下载完离线缓存才能使用。

形象点说，cookie就是存了电话和菜单，想吃什么要叫外卖，等多长时间才能吃到就得看交通情况了；离线缓存就是直接在冰箱里存了食物，想吃就能马上吃到（当然，想吃最新的食物同样可以打电话预定）。

设计师要知道，什么时候让用户下载离线缓存（注意在线和离线app的区别）。

2.音频视频自由嵌入，多媒体形式更为灵活

原生开发方式对于文字和音视频混排的多媒体内容处理相对麻烦，需要拆分开文字、图片、音频、视频，解析对应的URL并分别用不同的方式处理。

HTML5在这个方面完全不受限制，可以完全放在一起进行处理。

设计师要知道，如果新闻类、微博类、社交类应用的信息呈现中实现文字与多媒体混排，而不用专门嵌入webview，将是一件多美好的事情，至少现在原生方式实现起来还有困难。

3.地理定位，随时随地分享位置

充分发挥移动设备对定位上的优势，推动LBS应用发展。

可以综合使用GPS、wifi、手机等方式让定位更为精准、灵活。

地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。

设计师要知道，现在嵌入LBS功能的应用越来越多，这也是移动设备与台式PC相比最大的优势之一，HTML5能把这个优势再度扩大化，好好想想怎么在你设计的应用里用上吧！

4.Canvas绘图，提升移动平台的绘图能力

使用Canvas API可以简单绘制热点图收集用户体验资料

支持图片的移动、旋转、缩放等常规编辑

Canvas – 2D的绘图功能支持

Canvas 3D – 3D的绘图功能支持

SVG – 向量图支援

设计师要知道，图片的移动、旋转、缩放？那都太基础了，自己画都是小case，至于怎么用，好好想想吧！

5.专为移动平台定制的表单元素

浏览器中出现的html5表单元素与对应的键盘：

类型 用途 键盘

Text 正常输入内容 标准键盘

Tel 电话号码 数字键盘

Email 电子邮件地址文本框 带有@和.的键盘

url 网页的URL 带有.com和.的键盘

Search 用于搜索引擎，比如在站点顶部显示的搜索框 标准键盘

range 特定值范围内的数值选择器，典型的显示方式是滑动条 滑动条或转盘

只需要简单的声明 input type=”email” 即可完成对不同样式键盘的调用，简捷方便。

设计师要知道，用的时候记得告诉研发同事一声！

wap和html5手机网站有哪些区别

（1）WAP(wireless application protocol)是无线应用协议的缩写，一种实现移动电话与互联网结合的应用协议标准。wap网站也就是我们通常说的手机站。

（2）html5是W3C制定的超文本标记语言（html)的第五次修改，通过html5制作的网站可以灵活运行于PC，平板，手机等各种媒体。

（3）wap网站只能运行于手机端，多以文字图片为主，无特效和逻辑功能；html5的新特性可以让网站运行各种媒介（PC、平板、手机），并可以根据媒介的不同响应调节网站结构，与js/css3，可以构造出炫酷的特效效果。

wap和html5手机网站有哪些区别？

（1）WAP(wireless application protocol)是无线应用协议的缩写，一种实现移动电话与互联网结合的应用协议标准。wap网站也就是我们通常说的手机站。

（2）html5是W3C制定的超文本标记语言（html)的第五次修改，通过html5制作的网站可以灵活运行于PC，平板，手机等各种媒体。

（3）wap网站只能运行于手机端，多以文字图片为主，无特效和逻辑功能；html5的新特性可以让网站运行各种媒介（PC、平板、手机），并可以根据媒介的不同响应调节网站结构，与js/css3，可以构造出炫酷的特效效果。