WAP 2.0介绍和使用规范(2)

来源:互联网 发布:linux redmine 编辑:程序博客网 时间:2024/06/10 09:10

(七)文档结构
XML声明和字符编码:<?xml version="1.0" encoding="UTF-8"?>
       UTF-8/16编码可省略。XML声明也不是必须的,但如果忽略在许多WAP浏览器中出错。
必须有DOCTYPE声明。在XML声明和<html>元素之间。
<html>、<head>、<link>、<title>、<body>
<p>元素,align属性已经去除,可以通过WAP CSS的text-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-cache的
       HTTP头。也可应用于图片的缓存。
(八)通用的元数据
周期性刷新。必须配合使用。不是所有浏览器都支持。
       <meta http-equiv="Cache-Control" content="no-cache"/>
       <meta http-equiv="refresh" content="15;URL=yuanxin.xhtml"/>
(九)常用标签介绍
注释:<!-- -- >,和HTML和WML1.X相同。
换行:<br/> ,和HTML和WML1.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属性文本。Height和width属性来指定图片显示区域的高度和宽度

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

(九)常用标签介绍
13.   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>
14. 提交按钮:所有的表单都必须包含一个提交按钮。<input>元素用来创建一个提交按钮。而type属性被定义为’submit’。
       <input type="submit" value="OK"/>       
(九)常用标签介绍
15.   重置按钮:并不是必须的。<input>元素用来创建一个重置按钮。而type属性被定义为’reset’。
       <input type="reset" value="Default"/>
16.   Div和Span。


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/prufeng/archive/2009/03/25/4024284.aspx

原创粉丝点击