wap网站设计规范及wap网站设计欣赏

2022-06-07 分类：网站设计

创新互联为你关于：wap网站设计规范及wap网站设计欣赏的文章，简单的阐述几个wap网站设计规范和一则wap网站设计欣赏案例。

1. 手机浏览器兼容性测试结果XHTML部分

大多数手机不支持的：属性：disable;标签button，iframe;即使有些手机不支持这些属性和标签，是因为disable属性与标签button，iframe在页面中通常具有重要的功能，它们归类高危标签，要慎使用哦。少数手机不支持的： “select”标签：此标签若被赋予比较复杂的CSS属性，可能会导致显示不正常，例如”vertical-align:middle”。

1.2 CSS部分

大多数手机不支持的：“font-family:bold;” 和“font-style: italic;”，对汉字无效，但对英文是有效的;“font-size”属性是太小像素看不出有什么差别，除非像素很大（比如18px）; “white-space/word-wrap”属性是不能强制换行; 还有不支持的“background-position”属性;“position”属性; “overflow”属性;“display”属性;“min-height”和”min-weidth”属性;

有些手机不支持的有 height，还有莫名的是我们在测试时，很少手机不支持”width”属性; “pading”属性; “margin”属性，更多的手机不支持”margin”的负值。少数手机对CSS完全不支持。

1.3 JAVASCRIPT部分

该测试是相对不那么疯狂，或者直接就不支持，若支持的话，对基本的dom操作基本支持。不过我们没有测试国内非常复杂的脚本。在我们测试的手机，支持(包括不完全支持JavaScript)约一半比例的手机，当然，对于我们来说，最重要的不是比例，而是如何做好优雅降级JavaScript。

1.4 其他

图片规则是，尽可能的用jpg格式的图片和gif格式的图片;最好不要有平滑渐变的bar设计;有些手机对于过大图片，不仅不能进行缩放，也不显示横下滚动条;很少手机运行内存不足，在打开超过20k的测试页面的情况下;

2. 开发中需要注意的问题,手机网页编码需要遵循的规范

遵循XHTML移动配置规范，简称XHTML MP，这就是通常所说的wap2.0标准。xhtmlmp是不由客户端支持XHTML和有限的资源，所有的设计特点。它是基于XHTML基础，从XHTML 1加入一些元素和属性。这些包括一些其他元素和支持的内部样式表。XHTML XHTML MP是基本相同的，严格的XHTML 1.0子集。

3.wap2.0设计原则

在页面上提供足够的信息，第一个屏幕常用的导航链接，搜索域，登录屏幕，和大量的信息;形式的相互作用来简短。提供反馈给用户的动作，对用户操作的错误问题情况要提供正确的反馈。每幅图像都是要求减少页面的速度，和内容可能会重新排序，占用时间和资源，同一图片的总规划。定义图像的高度和宽度属性，定义占位符，改善用户体验。

4. wap网站的标准设计宽度

说到宽度是五花八门了，那标准宽度就是100%。