WAP1.0开发规范
操作方法
- 01
为了保证业务的规范性和用户界面的一致化，加强业务的可用性，无线城市WAP开发部特制定本规范，同时也欢迎开发人员提出建议和意见。 1.业务设计规范 提示：无线城市WAP业务内容设计的原则是 界面统一，使用方便，突出个性，引导主流业务。 1.1页面设计 1.1.1页面字符及编码方式 1.页面所有字符当作XML文档来看待（包括HTML元素） （1）所有包含&符号的字符都要写成&(包括a标签href的参数) （2）所有包含<符号的字符都要写成< （3）所有包含”符号的字符都要写成" 2.页面字符编码应采用UTF-8编码方式，便于国际化 1.1.2页面排版方式 1.页面宽度不要超过13.5个中文宽度，像素限制在176宽度。 2.页面内容尽量设计饱满，有效利用每行的空余空间。不要使每行长短参差不齐，要有效利用手机小屏空间。（注：如果真没东西放，也不要画蛇添足） 3.图片只使用gif和jpg格式，不要使用png。 4.尽量减小网站数据大小，节省用户流量的使用。 （1）图片大小尽量做小，加快下载显示速度和节省用户流量（单个页面包括图片控制在10k以下为宜，最好不要超过15k）。 5.页面排版统一风格。 （1）页面主栏目用点“.”隔开。 （如上图：整个页面最上面的栏目） （2）内容区域分段栏目用【】刮起来（如果有b标签，不要放在b标签里面），便于用户在访问的时候清楚哪一段属于哪个栏目，让整个页面段落更加清晰。 （如上图：使用每个段落的栏目进行分段排版） （3）分段有多个推送栏目用-进行隔开。 （如上图：分段栏目有多个的情况） （4）分段栏目推送的子栏目使用|区分 （5）为了利用每一行的空间，分段栏目【】右边空白区域可以作为我们进行推广的区域。 （6）内容标题左边如有有栏目则用[]分开（栏目最好使用两个字或一个字）。 （7）非栏目分段的段落可以用==文字==进行分段（如友情链接、所在位置）。 （8）页脚功能栏目和主栏目一样，都用 | 分开 1.1.3标签的使用 1.使用img时，必须要有alt属性，否则低版本手机会出现问题。并且alt文字不适合设置过长，在图片加载的时候alt会显示出来，设置过长可能会破坏排版美观，这里我们统一设置alt为”图”。尽量不设置图片的高和宽等属性，容易在低端手机报错。 2.尽量少用p标签，某些手机不支持多个<p></p>标签，eg :多普达818 3. <b></b>标签要在<a></a>标签外面,否则使用移动的网关会导致报错,联通网关没有问题,eg: <b><ahref="xxx.asp">链接</a></b> 4. <a></a>标签中链接地址最好为绝对地址而不是相对地址,显示文字必须有。 我们只允许href的链接形式如下 /pic/index.php绝对路径地址 Index.php当前路径地址 http://www.xxx.com/index.php域名绝对路径地址 （注：在我们进行整体系统设计时，目录名长度不要设计过长，因为链接地址也会占用整体页面大小）