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 <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="提交"/> </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、1、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
发表评论
-
wap之wtai协议
2010-11-05 10:41 1174<a href="wtai://wp//mc; ... -
XHTML MP所失去的WML的特征
2010-06-30 11:12 778一些 WML 1.x 中可用的特 ... -
wap2.0技巧
2010-06-30 11:08 787注:如果没有特殊说明,仅限移动MISC平台 1. 谨慎使用 ... -
XHTML代码规范
2010-06-30 11:04 707在开始正式内容制作之 ... -
WAP2.0技术说明
2010-06-30 11:02 762Wap 2.0 --- XHTML mobile profil ... -
关于XHTML MP,XHTML Basic,XHTML…
2010-06-30 10:38 853WAP2.0将XHTML指定为下一代无线访问协议的内容编写语言 ... -
WAP 2.0设计原则
2010-06-30 10:29 811做了一年wap开发了,把收集的相关资料晒一晒 ...
相关推荐
◆支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 ◆电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面链接展示给访客。 ◆...
◆支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 ◆电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面
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 ...
支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 3.电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面链接展示给访客。 4.您还...
2.支持电脑访问、手机访问(wap1.1和wap2.0),这样访客能随时随地发送邮件。 3.电脑版入口web.asp;手机wap1.1版入口wap.asp;手机wap2.0版入口m.asp;三个版本入口index.asp。任您选择对应页面链接展示给访客。 4....
星宇导航 本站早期制作的导航程序,支持WAP1.1和WAP2.0 后台帐号:admin 密码:123456 admin目录为程序后台
一. ISAG接入篇 4 1. ISAG简介 4 1.1 ISAG在电信网络里面的位置 6 1.2 ISAG与WEB SERVICE技术 6 1.3开发环境搭建 7 1.3.1 安装JDK 7 1.3.2下载安装ECLIPSE 7 ...4. WAP 1.0还是WAP 2.0 144 5.UA适配 145
支持协议CMPP1.1、CMPP2.0、CMPP2.1、CMPP3.0、SGIP1.2、CNGP2.0、 SMGP1.3、 SMGP3.0、SMPP3.3、SMPP3.4、SMPP5.0、Misc1.6、Provision、SMAIS2、 EMPP2.0、EMPPv2、CIMD2、SEMA、UCP等等短信网关协议, 采用...
支持wml1.1标准 支持手机wap浏览和通过手机发表日志 .支持trackback引用发送和接收 网站间互通更方便 .采用smarty模版引擎,程序与模版分离,方便修改,用户可自定义界面 .采用目前相对最安全的数据库防下载技术 ...
<br>Nokia WAP Gateway Simulator 4.0 This package contains Nokia WAP Gateway Simulator 4.0 (NWGS 4.0) and Nokia Update Manager 1.1 (NUM 1.1). NWGS 4.0 is a single-user WAP Gateway Simulator ...
WAP2.0 于2001年8月正式发布,它在WAP1.x的基础上集成了Internet上最新的标准和技术,并将这些技术和标准应用到无线领域。这些新技术和标准包 括XHTML、TCP/IP、超文本协议(HTTP/1.1)和传输安全层(TLS)。
<br>Nokia WAP Gateway Simulator 4.0 This package contains Nokia WAP Gateway Simulator 4.0 (NWGS 4.0) and Nokia Update Manager 1.1 (NUM 1.1). NWGS 4.0 is a single-user WAP Gateway Simulator ...
<br>Nokia WAP Gateway Simulator 4.0 This package contains Nokia WAP Gateway Simulator 4.0 (NWGS 4.0) and Nokia Update Manager 1.1 (NUM 1.1). NWGS 4.0 is a single-user WAP Gateway Simulator ...
<br>Nokia WAP Gateway Simulator 4.0 This package contains Nokia WAP Gateway Simulator 4.0 (NWGS 4.0) and Nokia Update Manager 1.1 (NUM 1.1). NWGS 4.0 is a single-user WAP Gateway Simulator ...
1.1版本: 1、修正了网站名称设置bug; 2、修正了网站统计代码设置bug; 1.2版本: 1、修复信息页面Title显示问题; 2、优化css,使页面访问速度更快。 2.0版本: 1、整个版面的风格变为CMS风格; 2、提供了...
MicroEdition-Configuration: CLDC-1.1 MIDlet-Name: QQ4.0 for nokia MicroEdition-Profile: MIDP-2.0 MIDlet-Info-URL:http://wap.motoly.com MIDlet-Delete-Confirm:http://wap.motoly.com MIDlet-Description:...
本指南是为Web 应用软件开发人员设计的,这些开发人员应全面了解为支持 WAP 2.0 markup(即 XHTML Mobile Profile (MP) 和WAP CSS 的移动设备创建内容的知识。 本文的目的是辅助开发人员开发出使移动用户满意的移动...
对于WAP网站来说我们知道手机的机型适配变得异常重要。在讨论UA前我们看下典型的几个UA的例子: 1)SCH-M609/1.0 POLARIS/5.30....3)K-Touch/Windows CE 5.2,Pocket PC Profile/MIDP-2.0 Configuration/CLDC-1.1 /1.0
在web 2.0应用中,博客(Blog)是web 2.0核心应用中最典型、最流行的代表之一,也是web 2.0技术应用的最直观的表现,是web 2.0精神和理念的具体体现。 1.2.问题的提出 Blog记载了日常发生的事情和自己的兴趣爱好,把...