`

wap1.1和wap2.0的比较

    博客分类:
  • wap
阅读更多
wap1.2版本:
1、抬头:
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_2.1.xml">
<% response.setContentType("text/vnd.wap.wml;charset=UTF-8");%>
<% request.setCharacterEncoding("UTF-8");%>
<%@ page contentType="text/vnd.wap.wml; charset=GB2312" %>

wap2.0版本:
基本上和html语言一样,只是介于部分手机不支持一些标签,所以我们的页面书写有所限制,并且不能用js语言
2.0不能实现的功能可以使用wap1.2页面代替
1、抬头
<?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">
<%@ page contentType="application/vnd.wap.xhtml+xml;charset=gb2312" %>
<% response.setContentType("application/xhtml+xml;charset=UTF-8");%>
<% request.setCharacterEncoding("UTF-8");%>

MyEclipse中抬头的写法
WAP1.2
<%@ page contentType="text/vnd.wap.wml; charset=GB2312" %><?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<% response.setContentType("text/vnd.wap.wml;charset=UTF-8");%>
<% request.setCharacterEncoding("UTF-8");%>
<wml>
<head>
         <meta http-equiv="Cache-Control" content="max-age=0" forua="true" />
         <meta http-equiv="Cache-Control" content="no-cache" />
         <meta http-equiv="Cache-Control" content="must-revalidate"/>
</head>

WAP2.0
<%@ page language="java" contentType="application/vnd.wap.xhtml+xml;charset=gb2312"%>
<% response.setContentType("application/xhtml+xml;charset=utf-8");%>
<% request.setCharacterEncoding("utf-8");%>
<?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">
<html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset=UTF-8" />
        <link rel="stylesheet" href="jspx/style.css" type="text/css" />
        <title>wap搜索</title>
     </head>
-----------------------------------------------------------------------------------------------------------

wap1.2版本:
2、<wml></wml>相当于html中的<html></html>,所有的内容都在其中
<card></card>相当于html中的<body></body>,但是一个wml中可以有多个card,主体内容一定要包括在card中
<p></p>和html中的一样
通常格式为:
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_2.1.xml">
<% response.setContentType("text/vnd.wap.wml;charset=UTF-8");%>
<% request.setCharacterEncoding("UTF-8");%>
<%@ page contentType="text/vnd.wap.wml; charset=GB2312" %>
<wml>
<card>
<p>
…………
…………
</p>
</card>
</wml>

wap2.0版本:
2、在<html>中一定要写成:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>和标准的html相似:
<head>
          <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset= UTF-8" />
          <link rel="stylesheet" href="cssurl" type="text/css" />    
          <title>titlename</title>
</head>
<body></body>,<p></p>和标准的一样,但是除了<form>以外,所有的内容都要在<p></p>中,对于<form>,格式为
<form><p></p></form>
通常的页面格式为:
<?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">
<%@ page contentType="application/vnd.wap.xhtml+xml;charset=gb2312" %>
<% response.setContentType("application/xhtml+xml;charset=UTF-8");%>
<% request.setCharacterEncoding("UTF-8");%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
          <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset= UTF-8" />
          <link rel="stylesheet" href="cssurl" type="text/css" />    
          <title>titlename</title>
</head>
<body>
<p>
…………
…………
</p>
<form>
<p>
…………
…………
</p>
</form>
</body>
</html>
----------------------------------------------------------------------------------------------------------------

wap1.2版本:
3、常用标签:
(1)回车:<br/>

wap2.0版本:
3、常用标签:
(1)回车:<br/>
-------------------------------------------------------------------------------------------------------------------

wap1.2版本:
(2)链接:
<anchor>linkname
<go href="linkurl" method="post">
     <postfield name="fieldname" value="fieldvalue" />
</go>
</anchor>
postfield可以为多个,表示要传递的参数,必须包括在<anchor></anchor>中,如果没有传递的参数,可以直接写成:
<anchor>linkname
<go href="linkurl" method="post"/>
</anchor>

wap2.0版本:
(2)链接:
<a href="linkurl">linkname</a>
--------------------------------------------------------------------------------------------------------------------

wap1.2版本:
(3)图片(联通为png格式,移动为gif格式):
<img src="imageurl" alt="" height="80"/>

wap2.0版本:
(3)图片(联通为png格式,移动为gif格式):
<img src="imageurl" alt="" height="80"/>
----------------------------------------------------------------------------------------------------------------------

wap1.2版本:
(4)输入框:
<input name="keywordtext" value="" maxlength="10" title="请输入关键字" emptyok="false"/>
<br/>
<anchor>linkname
<go href="linkurl" method="post">
     <postfield name="postfieldname1" value="postfieldvalue1" />
     <postfield name="postfieldname2" value="$keywordtext" />
</go>
</anchor>
keywordtext为输入框的名称,作为参数传递是要写成<postfield name="postfieldname2" value="$keywordtext" />的形式
postfieldname1为通常的参数传递
(5)下拉框
<select name="selectname" title="下拉框">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
selectname为下拉框的名称,参数传递如(4),要写成<postfield name="postfieldname" value="$selectname" />的形式
(6)多选框
<select name="multiselect" multiple="true">
<option value="value1">view1</option>
<option value="value2">view2</option>
<option value="value3">view3</option>
</select>
multiselect为多选框的名称,参数传递如(4),要写成<postfield name="postfieldname" value="$multiselect" />的形式
如果选择了value1和value2,在后台接收到的数据为postfieldname=value1;value2,以此类推

wap2.0版本:
(4)表单:
<form action="linkurl" method="post">
<p>
下面是输入框:<br/>
<input type="text" name="textname" value="initializevalue"/><br/>
下面是下拉框:<br/>
<select name="selectname">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select><br/>
下面是多选框:<br/>
<input type="checkbox" name="checkbox1" title="hot" value="hot"/>checkboxvalue1&nbsp;
<input type="checkbox" name="checkbox2" title="top" value="top"/>checkboxvalue2&nbsp;
<input type="checkbox" name="checkbox3" title="new" value="new"/>checkboxvalue3<br/>
下面是单选框:<br/>
<input type="radio" name="radiotest" value="hot" checked="checked"/>checkboxvalue1<br/>
<input type="radio" name="radiotest" value="top"/>checkboxvalue2<br/>
<input type="radio" name="radiotest" value="new"/>checkboxvalue3<br/>
下面是隐藏体:<br/>
<input type="hidden" name="hiddenname" value="hiddenvalue"/>
下面是按钮:<br/>
<input type="submit" value="提交"/>
</p>
</form>
--------------------------------------------------------------------------------------------------------

wap1.2版本:
(7)拨号
直接拨号:<a href="wtai://wp/mc;telnum">telname</a>
telnum:是要拨号的电话,不能有其他字符,只能是数字;
telname:可以是任何字符
跳转拨号:
从任意一个页面转到下页,然后过0.05秒,手机就转接到要拨打的电话
<card id="eshop-index" ontimer="wtai://wp/mc;telnum">

<timer value="50"/>

</card>

wap2.0版本:
(5)拨号:
<a href="wtai://wp/mc;telnum">telname</a>
telnum:是要拨号的电话,不能有其他字符,只能是数字;
telname:可以是任何字符
---------------------------------------------------------------------------------------------------------------------

wap1.2版本:
(8)手机快捷键
<do label="viewname" type="accept" name="linkname">
<go href="linkurl" method="post">
</go>
</do>
viewname为显示的名称,linkname为这个链接的名称,在同一个页面中不可以有重复的linkname,linkurl为链接url

wap2.0版本:
(6)快捷键:
<a href="linkurl" accesskey="telkey">
telkey:为手机上的键名称,可以是0、2、3、4、5、6、7、8、9、*、#这12个键
只要用户按键不放,就可以到达linkurl地址
(7)css:
书写格式和html一样:
body {color: #000000; font-family: "Arial",

sans-serif; background-color: #E7FAFF;}

.red { color: #ff00ff; }

a:hover span{ color:red; }

.yellow { background-color:#E7FAFF; }
引入:
<link rel="stylesheet" href="cssurl" type="text/css" />
调用:
<span class="red">testtext</span>

原文出处:http://www.cnblogs.com/zyh-nhy/archive/2008/02/03/1063422.html
分享到:
评论
1 楼 itanger 2010-12-23  
给力!挺实用的东西。

相关推荐

    Wap_2.0_Development.rar_WAP 2.0 Development_wap_wap 2.0

    1. **增强的协议栈**:WAP 2.0采用了更强大的HTTP/1.1协议,替代了原来的WAP 1.x中的WTP(WAP Tunneling Protocol),提高了数据传输效率。 2. **支持标准Web技术**:WAP 2.0引入了XHTML Basic和CSS,使得手机用户...

    wap2.0网站1111

    **描述**:“wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子 wap2.0例子” **标签**:“wap2.0例子” **压缩包子文件的文件名称列表**:...

    wap1.0和wap2.0

    - **协议栈**:WAP2.0引入了更强大的协议栈,包括基于XML的WML 1.1和XHTML MP(Mobile Profile),以及更接近标准的HTTP/1.1协议,提高了数据传输效率和兼容性。 - **用户体验**:WAP2.0提供了更丰富的媒体支持,...

    移动梦网WAP门户业务规范 wap2.0_wapPortal.rar

    4. **内容格式与编码**:WAP 2.0主要使用XHTML Basic 1.1或WML进行内容编码,同时支持多媒体内容如图片、音频和视频。规范会规定如何适配不同设备的显示能力,以及如何优化传输效率。 5. **接口与协议**:WAP 2.0...

    WAP 2.0测试规范

    1. **协议一致性**:验证WAP 2.0设备和服务器是否遵循HTTP 1.1和相关WAP 2.0协议,如WAP Push、WAP Gateway和WAP Security Framework(WSS)。 2. **内容编码与解码**:测试设备能否正确处理XHTML Basic或XHTML MP...

    wap 2.0浏览器要求

    WAP 2.0 是 WAP 的升级版,于2001年推出,引入了更先进的技术和功能,以提升移动用户的上网体验。 1. **技术基础** WAP 2.0 基于开放的互联网协议,如 HTTP、TCP/IP 和 XML,这使得它能够与互联网内容无缝对接。它...

    不见不散邮件 v1.0.rar

    ◆支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 ◆电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面链接展示给访客。 ◆...

    asp不见不散邮件系统v1.0

    ◆支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 ◆电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面

    WAP2.0从基础到精通

    标题:“WAP2.0从基础到精通” 描述:“WAP2.0从基础到精通详细教程.pptx” 标签:“WAP2.0” 从上述信息中,我们可以提炼出以下详细的知识点: ### WAP2.0概述 WAP2.0(Wireless Application Protocol Version...

    wap2.0 课件 ppt

    1. **WAP2.0概述**:WAP2.0是WAP1.x的升级版,于2001年发布,引入了对HTTP/1.1协议的支持,以及对SSL/TLS安全加密的集成,大大提高了数据传输的安全性和效率。 2. **技术基础**:WAP2.0基于开放的互联网协议,如TCP...

    wap2.0开发总结_20120824.pdf

    "WAP2.0开发总结" WAP(Wireless Application Protocol)是一项全球性的网络通信协议,旨在将Internet的丰富信息及先进的业务引入到移动电话等无线终端之中。WAP定义可通用的平台,把目前Internet网上HTML语言的...

    WAP2.0教程及源码

    1. **增强的协议栈**:WAP2.0基于Internet标准,如HTTP/1.1和TLS,这使得它能够直接与互联网服务器进行通信,提高了数据传输效率和安全性。 2. **支持多媒体内容**:WAP2.0引入了WMLScript和XHTML-Basic,允许在...

    wap2.0开发指南.pdf

    16. WAP2.0和互联网的关系:WAP2.0提供了一种将移动设备接入互联网的手段,用户可以像在PC端一样访问和使用互联网资源。 这些知识点总结了WAP2.0协议的主要特点、所用技术以及它与移动互联网世界的关系。WAP2.0开发...

    wap1.0与2.0的区别

    **WAP 1.0 和 2.0 的主要区别** WAP(Wireless Application Protocol,无线应用协议)是为移动设备设计的一种通信协议,它允许用户通过移动网络访问互联网内容和服务。WAP 1.0 是早期的版本,而 WAP 2.0 则是其后续...

    Linksys WAP54G v1.0, v1.1, v2.0官方固件3.05.03(英文)

    Product: WAP54G v3 (European) Classification: Firmware Release History (European version) Release Date: January 26, 2006 Firmware version: 3.05.03 This firmware is backwards compatible with older ...

    不见不散邮件 v1.0 Jmail组件版.rar

    支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 3.电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面链接展示给访客。 4.您还...

    不见不散邮件 v1.0

    2.支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 3.电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面链接展示给访客。 4....

    wap2.0开发教程合集.zip

    3. **WAP2.0教程(2)设计原则.txt** 这份教程可能深入讨论了WAP 2.0的设计原则,如响应式布局、简化界面、优化资源加载等。遵循这些原则可以确保在有限的移动设备屏幕上提供高效且易于使用的界面。 4. **WAP2.0 ...

    移动梦网wap2.0业务规范

    1. **HTTP协议的使用**:WAP2.0弃用了WAP1.x的WTP(Wireless Transaction Protocol)和WAP Gateway Protocol,转而采用标准的HTTP/1.1协议,简化了数据传输过程,提高了传输效率,同时兼容了互联网上的大量资源和...

Global site tag (gtag.js) - Google Analytics