Wap 2.0 小技巧
2009-01-06 13:05
204 查看
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'>
由于一个页面在显示之前,要根据表格定义画出手机屏幕内容,这部分会简慢页面速度,应该尽量减数表格数量
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'>
相关文章推荐
- .NET Core 2.0迁移小技巧之MemoryCache问题修复解决的方法
- asp.net 2.0中的几个小技巧
- 有关手机Wap 2.0网站制作的细节
- WAP 2.0介绍和使用规范(3)
- Asp.net 2.0 关于Header/title/Meta tages/Style操作的一点小技巧
- Asp.net 2.0 关于Header/title/Meta tages/Style操作的一点小技巧
- Asp.net 2.0 关于Header/title/Meta tages/Style操作的一点小技巧
- Wap1.2, Wap 2.0 Select Multiple 浏览器处理的区别
- Asp.net 2.0 关于Header/title/Meta tages/Style操作的一点小技巧
- 您可能不知道的.Net2.0小技巧
- wap 2.0 编写规范
- 您可能不知道的.Net2.0小技巧
- 您可能不知道的.Net2.0小技巧
- [转]可供参考的.net2.0开发小技巧
- WAP 2.0介绍和使用规范(4)
- wap 2.0开发标签摘要
- 您可能不知道的.Net2.0小技巧
- asp.net 2.0 下的一个小技巧
- 您可能不知道的.Net2.0小技巧
- 您可能不知道的.Net2.0小技巧