最近有一个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. 4.12Python数据处理篇之Matplotlib系列(十二)---绘图风格的介绍
  2. [不屈的复习] - 编辑工具IDE选取与Hello World
  3. 关于MFC共享DLL的模块状态切换 .
  4. mysqlplus 批量插入_ibatis结合oracle批量插入三种方法的测评
  5. mysql 中caption_Django-Model操作数据库(增删改查、连表结构)(示例代码)
  6. 【今日CS 视觉论文速览】10 Dec 2018
  7. 基于javaweb+jsp+mysql的美容院管理系统
  8. VMware下Linux配置局域网和外网访问(CentOS)
  9. sqlserver2008R2下载安装教程
  10. js ide WebStorm 使用总结
  11. 你应该懂得的关于电脑配置冷知识
  12. 最短曼哈顿距离(递推+枚举 C++)
  13. SPRING IN ACTION 第4版笔记-第十章Hitting the database with spring and jdbc-002-本章的源代码...
  14. 3.抽象类:什么是抽象类???抽象类的特点有哪些???
  15. Apple, Steve Jobs, iCon
  16. Python搭建代理池爬取拉勾网招聘信息
  17. React Native 入门实战视频教程(36 个视频)
  18. java 自动转 golang_JAVA转Golang
  19. 技术美术个人笔记(一)——贴图间参数
  20. 如何提高Microsoft Store下载速度

热门文章

  1. Zabbix监控系统自动发现/自动注册
  2. L1范数与L2范数对比
  3. UE4 如何让GamePaused时游戏声音不暂停
  4. 静态网页爬取:批量获取高清壁纸
  5. 粒子群PSO算法 python实现(亲测)
  6. 开车还是开船爱惜自己的车子
  7. 年龄决定人生吗?(测试人)
  8. 早起看CMU15213课程 第五天
  9. win10系统出现错误代码0x80073712的解决办法
  10. 在循环列表的富文本里摘出每个item的img标签内容(适合vue渲染)