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%。
pc端网站与wap网站设计欣赏



APP为什么运营不起来？进来防踩雷
阳江seo：站内优化过程中掌握的要素有哪些?
网站分析与定位
如何进行电子商务类型的网站设计
了解了这些，SEO优化不再迷茫！
Java开发必须掌握的日志分析命令
网站设计之完美的CTA放置：首屏Vs
颜值高的网站设计原来这么有优势！