`
___loveOfForever
  • 浏览: 77873 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

wap1.2和wap2.0的区别(wap1.2和wap2.0比较)

阅读更多
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中

和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>

…………
…………


</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>,
和标准的一样,但是除了<form>以外,所有的内容都要在
中,对于<form>,格式为
<form>
</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>

…………
…………


<form>

…………
…………


</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)链接:
linkname
--------------------------------------------------------------------------------------------------------------------

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">

下面是输入框:<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
<input type="checkbox" name="checkbox2" title="top" value="top"/>checkboxvalue2
<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="提交"/>


</form>
--------------------------------------------------------------------------------------------------------

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

<timer value="50"/>

</card>

wap2.0版本:
(5)拨号:
telname
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>
1
0
分享到:
评论

相关推荐

    wap网站和wap+2.0教程.

     WAP目前主要使用1.2和2.0两个版本,后者是趋势,低端手机只能浏览1.2版本,目前主流的手机都已经支持2.0版本.有了2.0版本使用手机浏览的内容更生动,也可以像电脑站一样有背景音乐,有背景图片,使原本单调的手机网页变...

    星智WAP1.2+2.0导航系统

    data.asp文件为数据库设置文件,建议更改数据库名和文件夹名 调用广告代码为xywap.gg需要广告的在相关页面加上代码即可 后台地址http://xxxxxx.cn/admin 后台用户名admin密码123456 建议更改用户名和密码 首页文字...

    wap1.0与2.0的区别

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

    WAP2.0从基础到精通

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

    中国联通CDMA WAP2.0业务开发规范

    ### 中国联通CDMA WAP2.0业务开发规范解析 #### 概述 随着移动互联网技术的迅猛发展,中国联通为了进一步提升用户体验和服务质量,推出了基于CDMA网络的WAP 2.0业务,并制定了详细的业务开发规范。该规范旨在确保...

    wap源码,quickWAP XML软件

    QuickWAP XML是一款以WAP2.0协议为基础开发的辅助ASP+XHTML MP语言编写WAP网页程序的ActiveX组件。它解决了WAP开发中所遇到的常见问题,并且给出了完善的解决方案,同时全力支持Microsoft SQL Server2000和Microsoft...

    wap2.0 xhtml

    尽管一些较旧的移动设备,如Nokia 3650、Nokia 3590、Nokia 6200、SonyEricsson T618等,其协议栈仍然是WAP 1.2.x,但它们的浏览器仍然可以支持XHTML MP,允许用户访问WAP 2.0的内容和应用。这种兼容性确保了过渡...

    中国联通WAP业务平台标准接口规范V2.0

    中国联通WAP业务平台标准接口规范V2.0是中国联通为促进WAP业务的规范化发展而制定的一套详细的技术规范,旨在确保内容提供商(CP)和服务提供商(SP)能够与中国联通的WAP平台顺利对接,提供稳定、高效的服务。...

    wap网站开发[借鉴].pdf

    在WAP 2.0下,Asp的这个问题已得到解决,但在WAP 1.2的环境下,Jsp由于与中国联通和中国移动提供的接口兼容性更好,且性能更优,所以推荐使用Jsp。 4. **IIS上的WAP网站配置**: - **创建独立站点文件夹**:在IIS...

    qoeww.zip_android开发

    “owap1.2-2.0业务过渡指南.ppt”则可能是一个过渡教程,帮助开发者理解从WAP1.2到WAP2.0的升级过程,包括技术差异、兼容性问题和迁移策略。这对于那些需要处理旧有WAP1.2应用或服务的开发者来说非常有价值,他们...

    E桶金WAP CMS v1.2.rar

    3.它采用wap2.0标准,使您既可以在手机上浏览,也可以在电脑上浏览。 4.系统充分整合了手机浏览的方便性和电脑管理的便捷性,前台以手机浏览为主,后台以电脑上操作为主 5.程序简洁而不简单,可以轻松上手,在应用...

    wap 开发html 规范

    对于WAP2.0和HTML页面,可以使用Opera浏览器进行校验,它内置的W3C校验功能能检测各种类型的页面。通常,新产品上线前应通过M3gate或Opera的W3C校验。 遵循这些规范和技巧,可以显著提高WAP开发的效率,减少调试...

    手机网页开发及注意事项

    手机网页的开发主要涉及到两种技术标准,即WAP1.2和WAP2.0,它们分别对应WML(无线标记语言)和XHTML MP(XHTML移动配置)。 **WAP1.2与WML**: WAP1.2是早期的手机网页标准,采用WML语言。WML是一种基于XML的简化...

    wap网关,带wtls

    WAP1.2和WAP2.0是WAP协议的不同版本,其中WAP2.0引入了更先进的技术,如使用更接近于标准HTTP的协议(即WAP-over-IP),提高了数据传输效率和用户体验。 **WTLS介绍:** WTLS是WAP安全的一个重要组成部分,类似于...

    动易内容管理系统WAP2.0适配程序

     QuickWAP提供有WAP1.2、2.0中英文模块,所有功能模块均有详细说明及代码实例,开发者不但可以利用现有的QuickWAP源码程序(现已有十余套WAP代码免费开源),还可以进行二次开发,为您开发WAP节省时间,提高效率,为...

    WAP建站进阶-WML标记语言和WMLScript脚本语言

    Nokia WAP Toolkit 1.2 与 Ericsson WapIDE 2.0 类似,都提供了图形化的开发环境、浏览器和WML/WMLScript编译器。Nokia WAP Toolkit 目前仅能在 Windows NT 4.0 系统上运行,并且需要 Java 运行环境的支持。用户可以...

Global site tag (gtag.js) - Google Analytics