手机网站由于大家都是起步不久,所以网上有用公开的资料并不是很多,特别是国内。下面从头说起。
什么是 wap2.0 ?
wap 是无线应用协议(Wireless Application Protocol)。wap2.0 就是 wap 的第二个版本。
wap1.X 规定无线设备访问的页面是用 WML 语言编写的,但是 WAP2.0 将 XHTML MP 做为主要内容格式。
via 中文 wikipedia
什么是 XHTML MP ?
XHTML MP 是 XHTML 的子集,因此继承了它的语法。用 XHTML MP 构建的页面,以供手持设备的访问,如手机、PDA等。
页头声明:
1 | <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> |
XHTML Mobile Profile (XHTML MP) via wikipedia
这样看来,其实与我们平时用的 xhtml 差别不是很大,但是与一般网站用的 xhtml、css、js 还是有很多不一样的地方,从之前的实践者我们就可以看到。
感谢淘宝的设计师以及工程师的分享精神,让我们少走不少路。更提醒我们兼容性是一个很大的问题。下面的这张表是在 twitter 上 follow 前端大师 @ppk 的同学们的手机浏览器环境调查:
看花了眼吧…所以兼容性从前期规划到后期测试都非常重要。
更多的东西还要在自己的实践中去总结,最后推荐的是:PPK 关于手机网站开发的研究,以及在蓝色理想找到 W3C 在移动 web 设计和用户体验的推荐标准:W3C移动web最佳实践1.0中文版.pdf,叙述了 60 条有关手机网站需要注意的地方。



TzingChu
坐沙发顶个~~
相信随着手机系统和浏览器的发展,以后考虑标记语言等技术因素会更少,更多的是设计,可以花更多精力提供更好的移动互联网体验。