`

WAP2.0开发要点

阅读更多


WAP2.0 文档结构


必须包含<html>, <head>, <title>和<body> 元素。
<?xml version="1.0"?>
<!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>
<title>Hello world</title>
</head>
<body>
<p>Hello world. Welcome to taobao.com.</p>
</body>
</html>

注意:
XML声明和字符编码:<?xml version="1.0" encoding="UTF-8"?>
UTF-8/16编码可省略。XML声明也不是必须的,但如果忽略在许多WAP浏览器中出错。
必须有DOCTYPE声明。在XML声明和<html>元素之间。
<html>、<head>、<title>、<body>必须要有
<p>元素,align属性已经去除,可以通过WAP CSS的text-align属性来设置
WAP2.0与WAP1.0区别
WAP1.0基于WML语言开发,支持WMLScript
WAP2.0基于XHTML MP开发,支持WCSS
WAP1.0只能通过手机或特殊浏览器浏览。
WAP2.0开发的站点可以在WEB和无线上都可以使用,也可以用任何Web浏览器访问WAP2.0应用。

WAP2.0所不支持WAP1.0的特性


  1. XHTML MP 不支持<deck>和<card>标签
    在XML中,一个文件可以包含一个或更多的card,所有的card组合成一个deck,并在无线设备中一同被下载。WAP浏览器每次只显示一
    个card,可以通过锚链接访问其他的card。通过这些,减少了服务器的往返的访问。对性能的提高是有意义的。在XHTML MP中要实现类
    似的特性,可以使用multipart messages(多个文档放到一个请求)另外一个方式是使用目标锚(一个页面的不同位置)。
  2. XHTML MP 不支持<timer>标签  
    可使用<meta>代替定时器 
    <head>  <meta http-equiv="refresh" content="10;URL=http://www.planabc.net/" /></head> 
    <meta>元素10秒后告诉WAP浏览器URL。
    注意点:WML timer 仅当进入card,而HTML refresh timer当进入XHTML MP页面。
  3. XHTML MP 不支持事件  
    WML支持四个事件(ontimer,onenterbackward,onenterforward,onpick),除ontimer其他事件无法模拟。如要使用,需使用WML1.X
  4. XHTML MP 不支持变量  
    在XML,可以声明变量,并赋值,拥有全局作用域。可以在任何的deck和card中使用。XHML MP放在服务器端处理(必须发送并保存)。
  5. XHTML MP 不支持客户端脚本
    在XML,你可以使用客户端脚本(WMLScript)。JavaScript的简化版,常用来验证数据。放在服务器短处理。将来的版本将会支持客户
    端脚本(ECMAScript MP),支持所有的WMLScript功能
  6. XHTML MP 不支持可编程序软键(Programmable SoftKeys)  
    WML的一个最大特征。通过<do>标签使用。
    在XHML MP中可以使用 accesskey 属性。锚链接和提交按钮支持这个属性:
    <a accesskey="1" href="part1.xhtml">XHTML MP Tutorial Part 1</a>
    WCSS中的-wap-accesskey属性也可以用来定义:a.wcss_class_1 {-wap-accesskey: 1} 

  7. XHTML MP 不支持<u>标签
    在XML,<u>用来在一些文字下添加下划线。可以用WCSS中的text-decoration属性。 

  8. XHTML MP 不支持Input框的format属性
    在XML,可以定义类型和字数限制。可以使用WCSS中的-wap-input-format属性,语法一致。
    比如限制5个数字字符:input {-wap-input-format:"5N"} 

  9. XHTML MP 不支持锚链接传输数据
    WAP1.0 提交数据
    <p>  姓名: 
       <input name="name"/><br/>
      <anchor>
           <go method="get" href="yuanxin.php">
             <postfield name="name" value="$(name)"/>
           </go>
          提交 
      </anchor>
    </p>
    WAP2.0 提交数据
    <form action="yuanxin.php" method="get">
      <p>姓名:   
         <input name="name"/><br/>
         <input type="submit" value="提交"/>
      </p>
    </form>

 


WAP2.0 开发语言 XHTML 和 HTML的区别  


  1. XHTML文件的开始要声明DTD
    XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
  2. 所有的标签都必须被关闭,空标签也不例外
    HTML中的<br>要写成<br/>注意,后面加了一个空格" "和一个反斜杠"/"
  3. 所有的标签和标签的属性都必须小写,属性值可以大写  
    如错误代码:
    <BODY>
    <P>This is a paragraph</P>
    </BODY>
    正确格式为:
    <body>
    <p>This is a paragraph</p>
    </body>
  4. 属性值必须用引号括起来。单引号双引号均可
    错误的代码:
    <table width=100%>
    正确的代码:
    <table width="100%">
  5. XHTML 元素一定要被正确的嵌套使用
    在HTML里一些元素可以不正确嵌套也能正常显示,如:
    <b><i>This text is bold and italic</b></i>
    而在XHTML必须要正确嵌套之后才能正常使用,如:
    <b><i>This text is bold and italic</i></b>
  6. 如果你使用的是strict.dtd。也就是最严格的XHTML,那么许多定义外观的属性都将不被允许
    例如你为图片添加链接的同时想去掉边框。不可以再使用<img src="..."border="0">,而是必须通过CSS来实现。

    属性的缩写被禁止
    错误的代码:
    <dl compact>
    <input checked>
    <input readonly>
    <input disabled>
    <option selected>
    <frame noresize>
    正确的代码:
    <dl compact="compact">
    <input checked="checked" />
    <input readonly="readonly" />
    <input disabled="disabled" />
    <option selected="selected" />
    <frame noresize="noresize" />
    HTML中可缩写的属性列表:
    HTML          XHTML
    compact       compact="compact"
    checked       checked="checked"
    declare       declare="declare"
    readonly       readonly="readonly"
    disabled       disabled="disabled"
    selected      selected="selected"
    defer        defer="defer"
    ismap        ismap="ismap"
    nohref       nohref="nohref"
    noshade       noshade="noshade"
    nowrap       nowrap="nowrap"
    multiple      multiple="multiple"
    noresize      noresize="noresize"
  7. 用id属性代替name属性
    HTML 4.01 中为a,applet, frame, iframe, img 和 map定义了一个name属性.在 XHTML 里name属性是不能被使用的,应该用id 来替换它。如:
    错误代码:
    <img src="picture.gif" name="picture1" />
    正确的代码:
    <img src="picture.gif" id="picture1" />
    注意:我们为了使旧浏览器也能正常的执行该内容我们也可以在标签中同时使用id和name属性。如:
    <img src="picture.gif" id="picture1" name="picture1" />
    为了适应新的浏览器浏览加了/来结束标签。

 

分享到:
评论

相关推荐

    wap 开发html 规范

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

    WAP OA系统方案建议书v10.docx

    WAP2.0的设计目标是提供一个对空中接口和无线设备独立的无线Internet全面解决方案,同时支持未来的开放标准。 ##### WAP2.0效果 WAP2.0相比于之前的版本,提供了更好的用户体验和更丰富的功能。它支持更多的多媒体...

    wap源码fzl.rar

    在WAP网站开发中,开发者需要考虑的要点包括: 1. **页面优化**:由于移动设备的屏幕尺寸和带宽限制,WAP网站必须进行优化,减少图片大小,精简HTML和CSS,以及使用轻量级的JavaScript。 2. **兼容性**:WAP网站需要...

    基于J2ME MIDP2.0的手机游戏的开发与实现.zip

    4. 游戏开发技术要点 - 图形绘制:使用Canvas类进行低级图形绘制,实现游戏画面。 - 响应事件:监听并处理键盘、触摸屏等输入事件,响应玩家操作。 - 碰撞检测:通过几何算法检测游戏对象间的碰撞,影响游戏逻辑...

    WAP建站技术详解与实例(PDG)

    随着技术的发展,WAP2.0引入了XHTML-MP(Multipurpose Internet Mail Extensions - Mobile Profile),这是一种基于XML的标记语言,提供了更丰富的显示效果和交互性,向桌面浏览器的体验靠近。 **3. WAP建站的关键...

    手机wap源码模板 (145).zip

    三、WAP网站开发要点 1. **简洁性**:WAP网站应保持内容简洁,避免过多的文字和复杂的设计,以减少加载时间和数据消耗。 2. **响应式设计**:考虑到各种移动设备的屏幕尺寸和方向差异,源码模板需要具有良好的响应...

    怎样建 WAP 与 3G 网站

    通过以上内容的学习,我们可以了解到构建WAP和3G网站的基本方法和技术要点。随着技术的不断进步和发展,WAP和3G技术也在不断演进和完善。开发者可以根据实际需求选择合适的技术栈来构建高质量的移动网站。

    10种无线技术详细介绍

    标题《10种无线技术详细介绍》和描述《WAP技术和开发要点移动设备(诸如智能电话和PDA)正在被充分应用到企业应用架构之中。这种想法最初是逐渐潜入人心的,但是发展趋势却显而易见:企业用户正在将移动设备运用到...

    wml教程(手机开发手册)

    ### WML教程(手机开发手册)知识要点 #### 一、WAP与WML概览 - **WAP**(Wireless Application Protocol,无线应用协议)是一种开放的全球标准,用于数字移动电话、互联网或其他个人数字助理(PDA)、计算机应用之间的...

    支付宝接入教程以及服务端给app写支付接口入门.docx

    支付宝接入教程及服务端开发支付接口的入门是一...对于不熟悉支付接口开发的开发者来说,理解这些要点至关重要,因为这关系到支付功能的安全性和用户体验。在实际操作中,务必遵循最佳实践,确保支付过程的顺畅和安全。

    Java数据编程指南

    一些Java细节 设计性事务处理 铭记要点 小结 第21章 开发EJB客户机 引言 EJBs的客户机 小结 第22章 开发可扩缩的EJB应用程序 引言 Enterprise JavaBeans的优点 EJB的广阔开放空间...

Global site tag (gtag.js) - Google Analytics