显示内容的实现


显示内容
CARD里可以显示象文本、图像这样的内容。象HTML一样,WML也提供一些标记对内容进行排版。 

段落与换行标记 [TOP]

<p>:段落标记,用来对段落进行分段。语法: 

<p 
  aligh="left|right|center" 
  mode="wrap|nowrap"; 
  xml:lang="STRING" > 

aligh:文字对齐方式,左(left)、右(right)、居中(center)。
mode:文字超出屏幕时是否折行,各种终端处理方式不同。
xml:lang:显示语言编码。

<br>:行分隔标记,产生回车效果。语法:

<br 
  xml:lang="STRING" /> 

xml:lang:显示语言编码。
段落和换行的例子:

<?xml version="1.0"?> 
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
 "http://www.wapforum.org/DTD/wml_1.1.xml";> 

<wml> 
<card title="Paragraphs"> 
<p> 
This is a paragraph 
</p> 
<p> 
This is a another<br/>with a line break 
</p> 
</card> 
</wml> 

显示结果如下: 

------ Paragraphs ------ 
This is a paragraph 
This is another 
with a line break 
标记 字体样式 
<b> 粗体  
<big> 大字体 
<em> 强调字体 
<i> 斜体 
<small> 小字体 
<strong> 加重强调字体 
<u> 下划线字体 

文字样式标记 [TOP] 
WML提供了一系列文字样式的标记,如右表所示。不过WML鼓励大家尽量使用<strong>和<em>标记,因为某些WAP终端会忽略其他标记。 
每个文字样式标记语法都一样,都有一个标志语言代码的xml:lang属性。 
下面是一个例子: 
 

<?xml version="1.0"?> 
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" 
  "http://www.wapforum.org/DTD/wml_1.1.xml";> 

<wml> 
<card title="Formatting"> 
  <p> 
   normal<br/> 
   <em>emphasized</em><br/> 
   <strong>strong</strong>
   <br/> <b>bold</b> <br/> 
   <i>italic</i><br/> 
   <u>underline</u><br/> 
   <big>big</big><br/> 
   <small>small</small> 
  </p> 
</card> 
</wml>  

在你的终端上可能会有这样的显示 (不过别太当真,前面说了有的终端会忽略文本样式标记):

list.asp%3fid=3 

所以变量有可能需要标志为是否对其内容进行ESCAPE转换,变量定义就有如下几种特殊方式:

----- Formatting -----
normal 
emphasized 
strong 
bold 
italic 
underline 
big 
small  

表格 [TOP]
WML支持简单的表格标记<table>、<tr>和<td>。语法如下:  

<table 
  align="L|R|C" 
  columns="NUMBER"
  TITLE="STRING" 
 <tr> 
  <td> 内容... </td> 
  其他列... 
 </tr> 
  其他行... 
</table> 


在WML里定义一个表格必须先指定列数,即columns属性。而在表格里就必须有相应数量的<td></td>标记对。因该注意的是,align(对齐)属性的内容只能是L(左对齐)、R(右对齐)和C(居中),跟其他标记不同(是不是有点怪?)。

下面的例子演示了表格的基本功能:

<?xml version="1.0"?> 
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" 
  "http://www.wapforum.org/DTD/wml_1.1.xml";> 

<wml> 
<card title="SALARY"> 
<p> 
<table columns="2"> 
<tr> 
<td>NAME</td> 
<td>PAYED</td> 
</tr> 
<tr> 
<td>Johnson</td> 
<td>$7810.11</td> 
</tr> 
<tr> 
<td>Faye</td> 
<td>$8912.00</td> 
</tr> 
</table> 
</p> 
</card> 
</wml>  

显示结果(注意WML里没有表格线):

------ SALARY ------ 
NAME     PAYED 
Johnson    $7810.11 
Faye     $8912.00  

图像 [TOP]
相对于多媒体泛滥的HTML网站,在资源紧张的WAP设备上显示图像就有点奇怪了。但是WML还是提供了图像显示的支持,毕竟一个设计精巧的图像会比一段话表达意思更清楚,或许占用空间更小。 
WML支持WBMP(Wireless Bitmap)格式的图像,需要用特殊工具制作(下载:“资源室-〉开发工具”)。显示图像使用<img>标记,语法如下:

<img 
 alt="STRING" 
 src="STRING" 
 align="top|middle|bottom" 
 height="NUMBER" 
 width="STRING" 
 hspace="NUMBER" 
 vspace="STRING"

R> localsrc="STRING" /> 


alt: 图像无法显示时的替换文字。
src: 图像的url。
localsrc: 储存于ROM(或RAM)中图像的名字,各种终端支持不同。
align: 上下对齐方式。
height: 图像显示高度。
width: 图像显示宽度。
hspace: 图像左右的空白,以pixel数或百分比表示。
vspace: 图像上下的空白,以pixel数或百分比表示。

上面的属性只有alt和src是必须的。其他附加属性基本上仅仅用来指示用户终端,大多数情况下会被忽略。下面是个例子:

<?xml version="1.0"?> 
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" 
 "http://www.wapforum.org/DTD/wml_1.1.xml";> 

<wml> 
<card title="Congratulation"> 

<p>
WAP86, <img src="wonderful.wbmp" alt="wonderful"/>! 
</p>

</card> 
</wml> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值