最近有一个web网站需要提供对应的移动端的版本,客户要求说弄个wap网站就行,我一听感觉wap好遥远,应该还是智能机不流行的时候说wap,现在应该都是web app了。后来仔细研究了下,发现对wap的一些理解还是很肤浅呀,对涉及其中的很多概念还是一知半解。正好乘此机会梳理了一下。

WAP目前主要使用1.2和2.0两个版本,1.2使用的是WML(Wireless Markup Language),现在基本上已经不用了,除非你的网站需要支持一些老古董的手机。现在还在用的,或者大家通常意义上所指的,主要是WAP 2.0,它使用的是XHTML MP(Mobile Profile)语言。当然,WAP的应用范围很广,我们这里讨论的仅限于网站的制作。而XHTML MP来源与XHTML Basic,说到这里,就有必要弄明白为什么有了XHTML,它和HTML4.0,HTML5.0又是什么关系,stackoverflow上的一个回答我觉得说得很好,大家可以直接去看看。

HTML 4, HTML 5, XHTML, MIME types - the definitive resource

http://stackoverflow.com/questions/2662508/html-4-html-5-xhtml-mime-types-the-definitive-resource

HTML 5 and XHTML 1.1

http://stackoverflow.com/questions/10733324/html-5-and-xhtml-1-1?lq=1

WAP网站最大的好处是兼容性强,可以适用于各种设备,包括一些低端机和非智能机。大家可以看看一些大的网站都会提供一个wap网站的版本,比如baidu,当在手机上访问时它提供了两个版本:触屏版和极速版,其中极速版就是一个wap网站,源代码第一行:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

同理,手机淘宝网也分触屏版和标准版,标准版也是一个wap网站。

百度还有一个服务http://gate.baidu.com/,可以帮你将web网站转换为wap网站,而另外一个对应的服务http://siteapp.baidu.com/好像是利用了云端转换的技术,将web网站转换为一个web app。当你在手机上通过百度链接到某个网站后,百度是会将目标网站进行转码(除非你设置了不进行转码)的以便于在手机上查看,这个转码的效果和siteapp的差不多,估计是把这种技术产品化了。

而伴随着智能机的出现,web app得到了大量应用,它比wap有更好的用户体验。特别是随着html5的流程,给web app提供了更多、更炫的功能。

WAP和web app的对比相关推荐

  1. 原生App与Web APP优劣势分析

    现如今APP开发有两个主流的方向:原生App 以及移动Web App.那么您是否知道这两者有何区别?什么是原生APP,什么是web APP?今天小编在此对二者进行一个对比. ☛ 什么是原生APP 在智 ...

  2. 【干货】优秀的移动客户端 Web App设计,让用户体验飞起来

    最近在做iphone端Web App的项目.由于产品形式新颖,技术环境不成熟,公司给与了较宽松的研发时间.在一个月的交互设计阶段,每个环节都得到多次讨论推敲,我从中感悟颇多.导航系统的设计是一个比较典 ...

  3. 手机Web app应用研究

    手机端的产品形态比PC端还复杂,研发前需要根据产品特征选择合适的产品形态,再考虑相应平台的兼容性和屏幕多样性.如触摸屏手机会在几年之内成为主流,其产品用户体验更好,但目前用户数和产生的实际经济价值可能 ...

  4. iPhone Web App 导航设计探讨

    原文:http://uedc.163.com/7998.html 最近在做iphone端Web App的项目.由于产品形式新颖,技术环境不成熟,公司给与了较宽松的研发时间.在一个月的交互设计阶段,每个 ...

  5. 原生APP、WAP 封装的APP、面向API的APP区别与联系

    现在是移动互联网时代了,用户使用最多的就是手机app了,移动端的流量太大了. 但是,app的开发制作成本却是很多中小站点无法承受的,于是便衍生出了很多做网站打包的公司. 找外包公司开发APP或者自己开 ...

  6. iOS progressive Web App (PWA) 技术

    随着 iOS 11.3 的发布,iOS + PWA 的时代终于来了!本文对 iOS 中 PWA 的能力进行了分析,并将其与 iOS 上的 Native App.Android 上的 PWA 进行了深度 ...

  7. Web App、Hybrid App与Native App的设计差异

    目前主流应用程序大体分为三类:Web App.Hybrid App. Native App. 一.Web App.Hybrid App.Native App 纵向对比 首先,我们来看看什么是 Web ...

  8. Web App适配iPhoneX

    前言 Iphone每次退出新尺寸的手机都会掀起一番适配风波,这次没有下巴但有刘海的iPhoneX更是如此,网传横屏下的适配动画更是令不少人汗颜. 其实对于Native App来说,适配并不算困难(当然 ...

  9. Google Progressive Web App简称PWA

    10月22日参加了谷歌的一个分享大会,其中分会场就是Progressive Web App(PWA) PWA:是由谷歌提出推广的,在移动端利用提供的标准化框架,在网页应用中实现和原生应用相近的用户体验 ...

最新文章

  1. 虚拟内存——Windows核心编程学习手札之十四
  2. 【CoppeliaSim】远程 API 之 Matlab 控制,对比 V-rep 有些不同
  3. Application Virtualization 4.5 部署之(三)(
  4. Boost:字符串分割Split的测试程序
  5. spring学习(46):spring的单例bean
  6. eclipse启动tomcat 访问http://localhost:8080 报404错误
  7. Cloud一分钟 | 电商月将至,腾讯云DCDB助力电商企业应对支付洪峰
  8. Java实现ActiveMQ之主题的生产者和消费者(二)
  9. Memcached主主复制+Keepalived高可用架构
  10. git 2015-5-26
  11. AngularJS JetBrains WebStorm简介
  12. win10cmd重置系统_win10怎么重置电脑 win10重置此电脑的方法【图文】
  13. 罗技 连点 脚本_罗技G宣布与《英雄联盟》合作 推出一系列游戏周边产品
  14. 输入一行文字,找出其中大写字母、小写字母、空格、数字以及其他字符各有多少。(指针)
  15. LWN:5.16 合并窗口,第二部分!
  16. 数据库delete不释放空间处理方法
  17. mysql 分组 列转行,mysql列转行以及年月分组实例
  18. 数据中心管理常见错误,犯一个就是致命的
  19. edxposed显示未安装_Magisk与EdXposed框架安装实践(Android P及以上)
  20. Meltdown 论文翻译

热门文章

  1. VirtualBox虚拟机转换到VMware中,用VMware打开VirtualBox虚拟机
  2. SQLServer 密码验证登录18456错误解决方案
  3. Oracle判断两个时间段是否有重叠
  4. SharePoint 入门书籍推荐
  5. 高质量职场人类必用软件推荐,最后一个你肯定不知道
  6. “次世代”究竟是什么?次世代角色建模又该怎么学?
  7. 智慧公路解决方案-最新全套文件
  8. 哈佛计算机科学专业大一新生的一天,哈佛大一新生的一天丨高效的时间管理者,学习就是休息~...
  9. Bipartite Graph Based Multi-View Clustering
  10. java多线程、线程同步与线程池