W3C 近日发布两项标准,分别是“XHTML Basic 1.1” 及“移动 Web 最佳实践 1.0”。这两项标准均针对移动 Web,其中,XHTML Basic 1.1 是 W3C 建议的移动 Web 置标语言。
XHTML Basic 1.1
移动置表语言有众多分支,XHTML Basic 1.1 的发布,为移动置标语言提供了一个标准, XHTML Basic 1.1 包含以下新功能:
- 新增 XHTML 表单
- 新增内置事件
- li 对象新增 value 属性
- 新增 target 属性
- 新增 style 对象
- 新增 style 属性
- 新增 XHTML 展示模块
- 新增 inputmode 属性
W3C 从“移动 Web 最佳实践”中总结了10 条基本规则:
为多种设备设计一致的 Web 网页。在设计移动 Web 网页的时候,必须考虑到各种设备,以降低成本,增加灵活性。
- 依靠 Web 标准:在一个拥有各种设备的市场中,Web 标准可以保证不同设备之间的兼容。
- 避开移动设备的一些常见问题:如,不要弹出窗口,不要使用嵌套的表格,不要使用 Frame。
- 要了解移动设备的限制: 移动设备一般不支持 Cookie, javascript 等技术。
- 对导航进行优化:使用清晰,简洁,最小化的导航系统。
- 对图形和颜色进行检查:不要使用高分辨率的图片,要根据移动设备可能屏幕尺寸,分辨率,以及支持的色彩与对比度对图形进行检查,确保它们显示正常。
- 求小:页面显示尺寸,文件尺寸,CSS 尺寸要尽可能小。
- 节约使用带宽:不要使用自动刷新,重定向等技术。不要过多引用外部资源,要好好利用页面缓存。
- 要方便用户输入:移动设备的输入方式非常不好用,要尽可能为用户输入提供方便协助。
- 要考虑到那些忙碌的用户:忙碌的用户时间很有限,移动 Web 提供的信息要精简,明确。
大家可以到 mobileOK checker 对自己的移动 Web 进行验证,以测试其是否对移动设备友好。
本文国际来源:
http://www.cmswire.com/cms/web-publishing/xhtml-11-released-mobile-best-practices-proclaimed-002984.php;
http://www.w3.org/2007/02/mwbp_flip_cards