wap2.0开发注意事项
以下是wap2.0开发中要注意事项:
1、不支持
不能用js语言,不支持框架
XHTML MP 中支持的输入元素类型
Text Password Checkbox Submit Radio Reset Image Hidden
XHTML MP中不支持的HTML输入属性
Accept Align alt Disabled Ismap Readonly Usemap
在 XHTML MP中,元素<br/>不支持属性clear*。
元素<div>、<h1> 至<h6>以及<p>不支持属性align。
XHTML MP 不支持元素<blink>* 。
XHTML MP 中,元素<a> 支持除coords、 button、 name、 shape 和target 外的所有 HTML属性
在 XHTML MP中,<img>元素不支持属性 align、border、 hspace、vspace 和 usemap。
2、在<html>中一定要写成:<html xmlns="http://www.w3.org/1999/xhtml">
3、除了<form>以外,所有的内容都要在<p></p>中
4、wap2.0表单:
XHTML MP支持的form窗体元素:
select textarea Optgroup option form Input label
XHTML MP 不支持下列各项:
<form>元素的属性accept-charset
任何元素的属性 tabindex 和 label
元素<fieldset>、<button>和<legend>
<input>元素中的type="button"
input 元素:
XHTML MP 中支持的输入元素类型
Text Password Checkbox Submit Radio Reset Image Hidden
XHTML MP中不支持的HTML输入属性
Accept Align alt Disabled Ismap Readonly Usemap
下在是标准版的form:
<form action="linkurl" method="post">
<p>
下面是输入框:<br/>
<input type="text" name="textname" value="initializevalue"/><br/>
下面是下拉框:<br/>
<select name="selectname">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select><br/>
下面是多选框:<br/>
<input type="checkbox" name="checkbox1" title="hot" value="hot"/>checkboxvalue1
<input type="checkbox" name="checkbox2" title="top" value="top"/>checkboxvalue2
<input type="checkbox" name="checkbox3" title="new" value="new"/>checkboxvalue3<br/>
下面是单选框:<br/>
<input type="radio" name="radiotest" value="hot" checked="checked"/>checkboxvalue1<br/>
<input type="radio" name="radiotest" value="top"/>checkboxvalue2<br/>
<input type="radio" name="radiotest" value="new"/>checkboxvalue3<br/>
下面是隐藏体:<br/>
<input type="hidden" name="hiddenname" value="hiddenvalue"/>
下面是按钮:<br/>
<input type="submit" value="提交"/>
</p>
</form>
5、拨号
<a href="wtai://wp/mc;telnum">telname</a>
telnum:是要拨号的电话,不能有其他字符,只能是数字;
telname:可以是任何字符
6、快捷键
<a href="linkurl" accesskey="telkey">
telkey:为手机上的键名称,可以是0、2、3、4、5、6、7、8、9、*、#这12个键
只要用户按键不放,就可以到达linkurl地址
7、css
书写格式和html一样:
1 引入外部文件
<link rel="stylesheet" href="mydoc.css" type="text/css"/>
2 文档头中的样式元素
<style> p {color: blue} </style>
3 使用XHTML的 style属性
<p style="color:red”>red</p>
4 使用XHTML的 class属性
.class1 {padding-bottom:4px}
<p class="class1">This paragraph will have bottom padding.</p>
5 使用XHTML的 id属性
<style>
#myid {border-width: 1; border: solid; text-align: center}
<style>
<h1 id=”myid” >This heading has a solid border.</h1>
6 使用XHTML 的元素div 和 span
以上讨论了把由一个或多个元素定义的样式应用于内容,除此之外,还可以利用div 元素把样式(在样式表或<head>元素中被定义)应用于一系列元素或利用span元素把样式应用于一系列行内字符。
<div class=”test-case”>
<p>This paragraph is blue.</p>
<p>Here are <span class=”test-id”>Test51 and Test52</span> specs.</p>
</div>
8、表格Table
XHTML MP 中不支持的表格属性
Align Cellpadding Cellspacing Border
与 XHTML MP一起使用的WAP CSS特性允许设计单元填充、页边空白、文本对齐和边界的样式,对左/右/上/下边界的控制是分开的。WAP CSS 还控制边界宽度以及色彩(在支持色彩的设备中)。
在 XHTML MP中,元素<td>和 <th>不支持属性width 或 height。
9、div 元素
XHTML MP 支持div 元素
<div> 元素很有用。它可以帮你在 XHTML MP 文档中将 WCSS 样式应用到一组块级元素中
两个例子:class 选择器的使用,style 属性使用
<?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>
<style type="text/css">
.wcss_class {
color: blue
}
</style>
<title>WCSS Tutorial</title>
</head>
<body>
<div class="wcss_class">
<h1>Table of Contents</h1>
<hr/>
<p>
WCSS Tutorial Chapter 1<br/>
WCSS Tutorial Chapter 2<br/>
WCSS Tutorial Chapter 3<br/>
</p>
</div>
</body>
</html>
<?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>WCSS Tutorial</title>
</head>
<body>
<div style="color: blue">
<h1>Table of Contents</h1>
<hr/>
<p>
WCSS Tutorial Chapter 1<br/>
WCSS Tutorial Chapter 2<br/>
WCSS Tutorial Chapter 3<br/>
</p>
</div>
</body>
</html>
10、ASP+XHTML(标准WAP模版)
<?xml version="1.0" encoding="UTF-8"?>
<!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>2536建站网</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
</head>
<body>
<p>
内容
</p>
</body>
</html>