WAP2.0(XHTML MP)基础介绍

WAP2.0(XHTML MP)基础介绍

  

(一)XHTML MP 介绍
XHTML MP
eXtensible HyperText Markup Language Mobile Profile
WAP2.0
WCSSWAP CSS /WAP Cascading Style Sheet)配套使用,是XHTML的子集。
XHTML Basic (XHTML
子集)+另外的一些XHTML的元素和属性
WAP
浏览器与互联网之间以前WAP网站(WML and WMLScript )更多的展示表现(presentation control
XHTML MP
优势:开发的站点可以在WEB和无线上都可以使用,也可以用任何Web浏览器访问WAP2.0应用
向后兼容:XHTML MP / WCSS WML / WMLScript
(二)无线标记语言发展
HTML
WAP发展的首要任务——移动电话,PDA等访问互联网。WAP standard (WML and XHTML Mobile Profile) 类似HTML
WML
Wireless Markup Language 1.xWAP 1.x 规范中规定的标记语言,无线设备的第一个标记语言。OpenwaveNokia Ericsson 很早都有自己的标记语言。WML规范是WAP Forum97)创建的。而现在,很多的WAP站点依然使用的是WML
XHTML
:结构比HTML更简洁和严格。这对于无线设备(例:移动电话)很重要,对于有限的处理能力。
XHTML Basic :
XHTML的一个简化版本。为处理能力和性能有限的设备设计的(移动电话,PDA,呼机等)
但是不包含XHTML特性。例如CSSframesScripting。是由W3C定义的。
XHTML MP:
WAP2.0说明中指定的官方标记语言。WAP Forum 基于 XHTML Basic创造,并从XHTML的完整版本中增加了一些元素和属性。例如<i>,<b>,<small>,<big><hr>XHTML MP支持一个简单的CSS版本,即WCSS/WAP CSS
WCSS/WAP CSS: CSS2
的一个简化版本,增加了WAP特有的扩展。可以很简单的改变XHTML MP页面的布局和风格。
WML2.0: WAP
站点开发者不需要顾虑WML2.0WML2.0向后兼容,并且对于WAP站点开发者还不可用。

(三)XHTML MP的优点
最大优点:开发者可用相同的技术开发适用于WEBWAP的站点。
HTMLXHTMLCSS基础即可入门。
同样的开发工具可以用来开发WEBWAP站点。
开发过程中一般的WEB浏览器可以浏览你的WAP站点。
HTML/XHTML
页面可以通过较小的修改成XHTML MP,甚至不用修改(注意:布局是否适应小屏幕,文件大小是否出最大)。
支持WCSS。移动设备有很多不同的特征,比如屏幕大小,只需写一次结构,使用不同的WCSS文件即可。
更多的表现控制。

(四) 不支持的WML 特性
1
XHTML MP 不支持<deck><card>标签。
      
XML中,一个文件可以包含一个或更多的card,所有的card组合成一个deck,并在无线设备中一同被下载。WAP浏览器每次只显示一个card,可以通过锚链接访问其他的card。通过这些,减少了服务器的往返的访问。对性能的提高是有意义的。在XHTML MP中要实现类似的特性,可以使用multipart messages(多个文档放到一个请求)另外一个方式是使用目标锚(一个页面的不同位置)。
2
XHTML MP 不支持<timer>标签
       <head> &nbsp;&nbsp;<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,可以声明变量,并赋值,拥有全局作用域。可以在任何的deckcard中使用。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 不支持锚链接传输数据。
       <p> &nbsp;&nbsp;
姓名:&nbsp;&nbsp;<input name=name/><br/> &nbsp;<anchor> <go method=get href=yuanxin.php><postfield name=name value=$(name)/></go> &nbsp;提交&nbsp;&nbsp;</anchor> </p>
       <form action=
yuanxin.php method=get> &nbsp;       <p>姓名:&nbsp;&nbsp;&nbsp;&nbsp;<input name=name/><br/><input type=submit value=“提交"/></p> </form>
(五) 语法规则
标签必须完全闭合。
标签和属性必须小写。
属性值必须包含在引号标记内。
不允许无属性值存在。
标签必须完全嵌套。
(六)MIME 类型和文件扩展名
MIME
类型: application/vnd.wap.xhtml+xmlapplication/xhtml+xml text/html
动态生成MIME类型。获得HTTP请求中的accept header信息。
文件扩展名:.xhtml.html.htm

(七)文档结构
必须包含<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><link><title><body>
<p>
元素,align属性已经去除,可以通过WAP CSStext-align属性来设置。
(八)通用的元数据
使用<meta/>标签,包含在<head>
WAP
浏览器如果不理解则忽略。
比如添加作者:<meta name="author" content=yuanxin"/>
Cache Control
<meta/>标签的一个应用是控制XHTML MP文件在Cache中的存在周期:
       <meta http-equiv="Cache-Control" content="no-cache"/>
       <meta http-equiv="Cache-Control" content="max-age=0"/>
       
注意点:与设备相关。一些使用不相的方法,一些没有Cache机制。还有一些不支持<meta/>但识别Cache-Control:no-cacheHTTP头。也可应用于图片的缓存。
周期性刷新。必须配合使用。不是所有浏览器都支持。
       <meta http-equiv="Cache-Control" content="no-cache"/>
       <meta http-equiv="refresh" content="15;URL=yuanxin.xhtml"/>
(九)常用标签介绍
注释:<!-- -- >,和HTMLWML1.X相同。
换行:<br/> ,和HTMLWML1.X相同。
水平线:<hr/>。不能包含在<p></p>标签之内。
标题:<h1>-<h6>(不同的大小和样式),有些设备看起来一样的。
字体样式:XML可以使用标签来改变字体样式( <b><i><small><big>等)。但一些浏览器只支持其中的部分,不支持的忽略,不会出错。 WCSS 控制字体格式。
与格式化文本:在XHTML MP中,标签间空白不显示,此外,段落中2个或更多的空白只显示一个,如果想保持文字的格式,可使用<pre>
列表:<ul><ol><li>。对于<ol>元素,可以用属性 start 指定数字开始的序列。还可以用WCSS来做更精确的控制。
显示图片:<img>标签用来显示图片。和HTML一样。如果文件没发现或者图片格式不支持,显示alt属性文本。Heightwidth属性来指定图片显示区域的高度和宽度。

除了老的WBMP图片格式,WAP2.0还支持WEB上的图片格式(gif, jpgPNG),但WAP2.0无线设备支持上面图片格式的某些。GPRS-gif,CDMA-png。可以通过accept HTTP header判断设置。
        
关于大图片的发布:很多WAP浏览器都没有水平滚动功能。如果宽度大于显示屏,很多的WAP浏览器会裁切图片。图片的按比例缩小不能帮助提升性能。大图片还会造成访问站点用户的费用。
      
优化图片:1、用制图软件按比例缩小图片;2、如果是gif图片,减少颜色,但降低了图片质量,权衡。3、如果是jpg图片,保存一定的压缩比例,依然是权衡。
      
使用multipart messages,先下载的XHTML MP文档,后请求图片,产生多个请求。该方式可以使文档和图片在一个请求,意味着一个页面只有一个请求。减少服务器的压力。
表格:创建表格,需要使用<table><tr><td>标签,默认表格没有边线。属性有rowspancolspan
锚链接:一般用在导航。标签为<a></a>。属性href定义指定的URL。当前页面位置的跳转:先设置目标链接,通过id属性设置;再设置锚链接的URL#id名称。
      
对锚链接设置快捷键:<a>标签的accesskey属性,有效的值为:*#0-9。还可以用-wap-accesskey设置。
选择列表:选择列表使用<select>标签,包含一个或更多的<option>标签。<select>标签的name属性定义选择列表的名字。name用来取得被选择的item的值(optionvalue属性定义)。
       1.  
多重选择列表:Optionselected属性用来设置默认的option。如果想设置多重选择列表,可使用<select>标签的multiple属性,只有一个唯一值‘multiple’。
       2.   Option
分组:使用<optgroup>标签,label属性定义option组的名称。
输入元素:Text fieldPassword fireldCheckboxRadio buttonHidden field。通过<input>元素创建。传输数据到服务器,<input>元素必须和<form>一起使用。Type属性用来定义input元素的类别。Name属性用来定义名称,方便取得用户数据。
       <input type="text" name=
taobao" maxlength="16" value=yuanxin"/>
       input { -wap-input-format: "10N"}
       <input type="password" name=
taobao"/>
       <input type="checkbox" name=
taobao" value=yuanxin" checked="checked"/>
       <input type="radio" name=
taobao" value=yuanxin" checked="checked"/>
       <input type="hidden" name=
taobao" value=yuanxin"/>

   form元素:<input><select>等元素不能直接包含在form元素下,XHMTL MP标准规定必须有块级元素。如果有non-ASCII字符,需使用POST方法来避免编码问题。
       <form  method="get" action=
yuanxin.asp">        <p> &nbsp;&nbsp;&nbsp;       &nbsp;       <input ...> &nbsp;&nbsp;&nbsp;&nbsp;              <select ...>        </p> </form>
提交按钮:所有的表单都必须包含一个提交按钮。<input>元素用来创建一个提交按钮。而type属性被定义为’submit’。
       <input type="submit" value="OK"/>       
(九)常用标签介绍
 
重置按钮:并不是必须的。<input>元素用来创建一个重置按钮。而type属性被定义为’reset’。
       <input type="reset" value="Default"/>
 Div
Span

 

  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论 2

打赏作者

gotohbu

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值