首先,我们所有规范都是基于3g.renren.com来说的,一些开发常识会穿插其中。

一、DTD申明

为什么有的人做的页面放到手机上,文字看起来非常小?因为没有使用正确的dtd申明,手机会当作web页面来渲染。遇到这样的问题就一定要及时对照3g.renren.com进行修改。

人人wap使用的是当前wap2.0的标准dtd申明:

<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd“>

二、指定编码

指定编码是必须的,主要分为在服务端运行时的编码指定:

<?xml version=”1.0″ encoding=”UTF-8″?>

以及在本地的编码指定:

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

最好两个都写,如果只选其一的话第一种比较靠谱(但是如果在本地直接打开html,也就是直接在自己电脑上双击打开的html,并且如果改变了浏览器的编码的话,可能会看到乱码),第二种可能会在一些低端手机上出现乱码

三、人人wap的head相关代码的说明

<?xml version=”1.0″ encoding=”UTF-8″?>

编码指定

<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “http://www.wapforum.org/DTD/xhtml-mobile10.dtd“>

dtd申明

<html xmlns=”http://www.w3.org/1999/xhtml“>

<head>

<title>手机人人网 – 因为真实,所以精彩</title>

<META name=”msApplication-ID” content=”BUILD.70a71681-f761-44f7-b6fb-029238bddf44″/>

<META name=”msApplication-PackageFamilyName” content=”BUILD.70a71681-f761-44f7-b6fb-029238bddf44_jmektqcje7yt4″/>

上面这两行据说是windows phone需要用到的

<link href=”http://a.xnimg.cn/wap/apple_icon_.png” rel=”apple-touch-icon-precomposed” />

iPhone或者iPod可以通过上面这个代码来实现将页面添加到桌面快捷方式的图标

<link rel=”stylesheet” href=”http://a.xnimg.cn/a38462/wap/i.css” type=”text/css”/>

人人wap站的css,中间的a38462是版本号,每次做需要跟着wap规范走的页面时,都最好从线上的wap人人拷贝这些代码

</head>

四、标签的使用

常用的html标签:

1、常用block标签:div,p,form,br

2、table标签:慎用,但是太多需求上的布局我们都得依靠table

3、常用inline或line-block标签:span,em,b,strong,label,a,input,select,img

有了以上标签,我们就可以实现一个常见html文档,所有上面常用标签中的标签都需要慎重使用。

循环列表标签ul,ol什么的也可以使用,但是可能会造成一些手机上无法去除列表默认的圆点;

small,large以及i 标签在某些手机上无法识别,因此都需要谨慎使用。

五、符号的使用

1、空格:空格分为硬空格“ ”和转义符“&nbsp;”一般说来使用“&nbsp;”可以有效防止html压缩产生的问题,但是也需要了解硬空格的妙用。举例:

姓名: 一长串连续的英文字符

如果用“&nbsp;”那么结果是

姓名
: 一长串连续的英文字符

在冒号后面如果使用硬空格的话,可以有效防止长英文字符不换行的问题,硬空格的出现可以得到

姓名:
一长串连续的英文字符