蜗牛的牛窝 » WAP开发 http://www.woniu.us php开发、PHP程序分析、Python程序设计、心情随笔 Mon, 09 Aug 2010 13:44:51 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 WAP2.0手册 http://www.woniu.us/wap/79.html http://www.woniu.us/wap/79.html#comments Thu, 24 Sep 2009 06:34:37 +0000 蜗牛 http://snail.comsing.com/wap/79.html XHTML MP 标签

基础：

XHTML MP中的所有元素名都是小写字母

1． Head元素

clip_image002

这个是固定的head格式

2． 定义样式 在head中加入多个link

<link href=”mystyle.css” type=”text/css” rel=”stylesheet”/>这样就引入了一个外部样式

3．<body>元素

<body> 元素不支持bgcolor、text等属性。<body>支持class id style属性来指定CSS特性

 

4． 文本元素

<pre><em><strong><var><kbd><samp><code><dfn><abbr title=“Abbreviation“>

<blockquote><q><acronym title=”Full Text”><cite>

效果如下：

clip_image004

5． 列表元素

A：有序列表<ol> <ol><li></li></ol>

B：无序列表<ul> <ul><li></li></ul>

6． 格式化元素

<h1>Format Elements</h1>

<p><big>Big</big>

<small>Small</small><br/>

<b>Bold</b> <i>Italic</i>

<hr />

7． 对XHTML MP的格式化限制

元素<div>、<h1> 至<h6>以及<p>不支持属性align

8. 锚（anchor）元素

 元素<anchor> (或 <a>)定义一个指向其它资源（文档、图像等）或同一文档中其它位置（分段锚）的超文本链接，或者，在移动设备中，可以发起一个电话呼叫或创建一个e-mail消息。锚链接广泛用于Web中，并且在移动设备中同样有效。锚被推荐为控制服务导航的最好方法。

在XHTML MP中， 元素<a> 支持除coords、 button、 name、 shape 和target 外的所有 HTML属性

8.1 分段锚

<a href=”#h”>Help</a> <a name=”h”>Help text</a>

下面的程序段示例了一个锚元素，在此元素中对快捷键5进行了定义，并将其链接到同一文档中的某个分段。

<a href=”#h” accesskey=”5″>Help</a>

8.2 发起电话呼叫

<a href=”wtai://wp/mc;8005551212″>Call 800 Info</a>

8.3 保存至电话薄

<a href=”wtai://wp/ap;8005551234;John Doe”>Save John Doe</a>

8.4发送邮件

<a href=”mailto:john.doe@company.com”>Message to John</a>

还可以在URL中指定默认的subject和/或body以获得参数：

<a href=”mailto:john.doe@company.com?subject=The%20Subject&amp;body=this%20is%20the%20message”>Message to John</a>

8.5快捷键

<a href=”next.html” accesskey=”1″>Next</a> 用户按下1键就能激活该链接

 

 

 

 

9 Forms 表单

From表单支持的元素：

Select textarea Optgroup option form Input label

XHTML MP不支持下列各项：

• <form>元素的属性accept-charset

• 任何元素的属性tabindex 和label

• 元素<fieldset>、<button>和<legend>

• <input>元素中的type=”button”

9.1 form元素

Form元素可以定义action 和 method

9.2 input元素

Xhtml mp中支持的输入元素类型：

Text Password Checkbox
Submit Radio Reset
Image Hidden
       

9.2.1 文本和密码输入

<input type=”text” Title=”mm/dd/yyyy” /> 这里的title就相当于value

9.2.2 复选框

<input type=”checkbox” name=”…”/>

使用属性checked=”checked”定义默认情况下被选中的复选框

9.2.3 单选按钮

<input type=”radio” name=”…”/>

9.2.4提交（Submit）或复位（Reset）按纽

可以使用value=”xx” 来显示提交按钮显示的名称

9.2.5 隐藏

<input type=”hidden”/>

9.3 文本区（textarea）元素 

9.4 选择（select）元素

<select name=”city”>

<option value=”Boston” elected=”selected”>Boston</option>

<option value=”Dallas”>Dallas</option>

<option value=”SanFrancisco”>San Francisco</option>

</select>

10． 表格

XHTML MP中不支持的表格属性

Align Cellpadding Cellspacing Border

元素<td>和 <th>不支持属性width 或 height

11. 图像

在XHTML MP中，<img>元素不支持属性align∗、border∗、 hspace∗、vspace∗ 和usemap。

WAP CSS

WAP CSS是CSS1的严格子集。

用样式可以控制哪些东西

• 间距、填充和页边空白

• 对齐和流动

• 字体和文本属性

• 边界

• 具有色彩性能的设备中的色彩

• 在不具色彩性能的设备中转换文本和背景

• 使用-wap-input-format6的文本输入格式模板

1：使用XHTML的style属性

<p style=”color:red”>red</p>

2：使用XHTML的class属性

.class1 {padding-bottom:4px}

<p class=”class1″>This paragraph will have bottom padding.</p>

3：使用XHTML的id属性

<head> <style> #myid {border-width: 1; border: solid; text-align: center} <style> </head>

<h1 id=”myid” >This heading has a solid border.</h1>

]]> http://www.woniu.us/wap/79.html/feed 0 WAP页面二次跳转问题 http://www.woniu.us/wap/78.html http://www.woniu.us/wap/78.html#comments Thu, 24 Sep 2009 01:37:40 +0000 蜗牛 http://snail.comsing.com/wap/78.html 什么叫二次跳转呢？

一般在用户进行某操作的时候，需要先点开一个连接跳转到一个新页面进行操作

然后用户操作的时候需要再点一个连接（于是用户跳转了两次，所以叫二次跳转）

用户在点第二个连接的时候后台程序会有一个判断，如果操作成功则提示成功并跳回到原始页，如果操作失败也需要跳转到原始页面。但是后台程序怎么知道用户是从哪里来的呢？怎么去跳回到原始页面呢？

这里以发布日志为例

1:用户在首页有个发布日志的链接 还有其他的比如上传图片等连接，于是用户点击发布日志

2：跳转到日志发布页面，里面需要用户填写标题与内容，然后用户点击发布

3：信息被发送给后台程序，后台开始判断，如果发送成功则提示成功则跳转到首页

其他：同样在用户自己的控制面板页面也有日志发布这个链接，这样的话发布成功后程序应该跳转到控制面板页。

这时候该怎么做呢？

1：在首页处的发表日志那里增加一个原始地址的信息，这样的话原始地址就被传递给了下一个页面

image

2：在blog.php页面处俘获这个地址。并将这个参数插入到日志发布表单中，用来将这个参数传递给下一页面

image

3：用户在提交表单之后这个原始地址就被提交给后台的处理页面了。所以就能够进行判断该跳转哪里去了！

]]> http://www.woniu.us/wap/78.html/feed 0