wap2.0技巧
注:如果没有特殊说明,仅限移动MISC平台
1. 谨慎使用表格.
由于一个页面在显示之前,要根据表格定义画出手机屏幕内容,这部分会简慢页面速度,应该尽量减数表格数量
2.在使用<img >标签时,最好定义图片的宽度和长度,这样在显示整个整个页面前,会按图片长宽预留此图片位置,加快显示其它文字内容
3.部分手机支持CSS
4.部分手机支持页面背景音乐
5.部分手机支持图片上传功能
6.使用表格时,为了更好的显示效果,要匹配手机终端的表格宽度
1) Wap浏览器支持的MIME类型
text/css
image/gif
image/jpeg
audio/midi
application/vnd.wap.xhtml+xml
text/html
2)引入XHTML带来的改变:
1、跑马灯
<marquee>链接、文字内容或图片</marquee>
属性：
loop=“100”
direction=“right” or “left”
behavior=“scroll” or “alternate”
scrollamount=“10”
bgcolor="#aaaaee"
2、文字颜色
<font color=‘blue’>文字</font>
Css文件内容：
a:link
{ color: #000000}
3、动画显示
应用于背景图、前景图
body
{
background-image:url(/Images/bg.gif);
}
图片大小适配
整个页面图片大小30k以内
推荐20k
4、表单
输入框
<input type="text" width="120" value="hello">
单选框
<input type=“radio” value=“1”>北京
多选框
<input type="checkbox" value="1">北京
下拉框
<form><select id="province"><option value="0">北京</option><option value="1">上
海</option></select>
</form>
5、表格——支持表格
支持table、tr、td
6、背景色 、背景图片
背景色
<body bgcolor="#e0e0e0">
CSS：
body {background:red}
背景图
<table background="Images/bg.gif">
CSS:
body
{ background-image: url(Images/bg.gif);}
7、背景音乐
<BGSOUND src=’midi/hy.mid’ loop=’-1’>
