WAP 2.0开发技巧篇

转载 2007年09月21日 14:27:00

注:如果没有特殊说明,仅限移动MISC平台

1. 谨慎使用表格.
由于一个页面在显示之前,要根据表格定义画出手机屏幕内容,这部分会简慢页面速度,应该尽量减数表格数量 字串9

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}

 

wap1.x和wap2.0的区别

一些 WML 1.x 中可用的特征在 XHTML MP 中已经不存在了. 在这一部分中, 你将学到 WML 1.x 与 XHTML MP 之间的这些区别. 这一部分对于那些熟悉 WML 但对于 XHT...
  • gundumw100
  • gundumw100
  • 2017年04月10日 17:39
  • 233

手机wap前端开发经验

对于我们前端来讲,wap2.0开发无疑是对我们的一个考验,这个考验主要是考验我们对于重构方面的功底。下面主要分 UI、HTML、CSS、Javascript三方面给大家分享在wap2.0开发中的一些个...
  • zhjian6
  • zhjian6
  • 2015年03月18日 08:46
  • 6789

WEB前端开发 » WAP页面制作需要注意的几点

1.遵循html页面的编写规则 2.新建的时候注意文档类型:xhtml-mobile10.dtd 3.特殊的meta标签         网页手机wap2.0网页的head里加入下面这条元标...
  • DingYe_Names
  • DingYe_Names
  • 2015年10月20日 09:17
  • 3551

构建WAP应用程序开发环境

WAP(Wireless Application Protocal)是开放的协议,这与日本的I-MODE有所不同,后者是封闭的。WAP事实上是无线网络和Internet网络相结合的产物。本来的无线网络...
  • xjbclz
  • xjbclz
  • 2016年07月14日 20:36
  • 285

WAP 2.0介绍和使用规范

—— XHTML MP and WCSS 一、WAP的常识(省略)  二、XHTML MP (一)XHTML MP 介绍 XHTML MP(eXtensible HyperText Marku...
  • zuoluoboy
  • zuoluoboy
  • 2014年01月06日 20:06
  • 959

WAP 2.0介绍和使用规范

转自:http://wuhua.iteye.com/blog/382172 —— XHTML MP and WCSS 一、WAP的常识(省略)  二、XHTML MP (一)XHTML M...
  • yaoyuan_difang
  • yaoyuan_difang
  • 2013年11月18日 18:41
  • 1879

手机网站开发(WAP网站)第一篇

现在的互联网,可以说是名副其实的移动互联网。大家不仅可以利用无线网卡随处随地上网,还可以直接利用手机浏览网页、下载文件,而且现在的无线运营商也正在大力发展无线网络、扩展手机上网带宽。    于是,手机...
  • u013059555
  • u013059555
  • 2014年02月11日 14:38
  • 3370

MySQL开发技巧学习笔记二

本文内容来自MySQL开发技巧(二)MySQL开发技巧学习笔记二行列转换行转列使用场景: 1.每天记录的销售额,转为每月的销售额 2.学生成绩转为按科目记 例子共有两张表,user1用户表和...
  • winfredzen
  • winfredzen
  • 2017年01月09日 17:21
  • 323

一些很不错的Android开发技巧

一些很不错的Android开发技巧,这个项目翻译自 android-tips-tricks 去掉了一些我认为不重要的,对我使用过的东东做了评价,同时翻译了一些自己没有注意到的知识点的文章。 了解...
  • VermouthDream
  • VermouthDream
  • 2017年03月16日 17:33
  • 899

30 个java编程技巧(最佳实践的初学者)

1.return 一个空的集合,而不是 null 如果一个程序返回一个没有任何值的集合,请确保一个空集合返回,而不是空元素。这样你就不用去写一大堆 ”if else” 判断null元素。 ...
  • zyf__java
  • zyf__java
  • 2016年09月05日 08:23
  • 6174
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WAP 2.0开发技巧篇
举报原因:
原因补充:

(最多只允许输入30个字)