为了保证业务的规范性和用户界面的一致化，加强业务的可用性，无线城市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标签，某些手机不支持多个标签，eg :多普达8183. 标签要在标签外面,否则使用移动的网关会导致报错,联通网关没有问题,eg: 链接 4. 标签中链接地址最好为绝对地址而不是相对地址,显示文字必须有。我们只允许href的链接形式如下/pic/index.php绝对路径地址Index.php当前路径地址http://www.xxx.com/index.php域名绝对路径地址（注：在我们进行整体系统设计时，目录名长度不要设计过长，因为链接地址也会占用整体页面大小）
下一篇：卡车发动机维修保养