« | July 2025 | » | 日 | 一 | 二 | 三 | 四 | 五 | 六 | | | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | | | |
|
统计 |
blog名称:V-加油 日志总数:52 评论数量:83 留言数量:0 访问次数:250499 建立时间:2005年2月13日 |
| 
|
本站首页 管理页面 写新日志 退出
[手机开发]WAP学习笔记(三): 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/sample.mid' loop='-1'>
|
阅读全文(1704) | 回复(0) | 编辑 | 精华 |
|