WAP2.0手册

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>

相关文章

  • 没有相关文章

Leave a Reply