XHTML MP 标签
基础:
XHTML MP中的所有元素名都是小写字母
1. Head元素
这个是固定的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>
效果如下:
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&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>
