WAP设计中:WML网页标签说明与示例

 WML <!--...-->标签
注释标签可以在源代码里插入一些对代码的注释。这些注释会被浏览器所忽略。以后再次

编辑代码的时候这些注释会给你带来方便。
<!--This text is a comment--> 


WML <a>标签
<a>标签能够定义锚点,锚点的用途有两种:
使用href属性来连接连到另一个文档
<p>连接到 W3pop:
<a href="http://www.test.com">
W3pop</a>
</p>


WML <br>标签
<br>标签可以插入一单独的换行,是一个空标签(这意味着它并没有结束标签 - 这样是错

误的:<br></br>)在HTML中<br>不需要结束标签,必须使用合理的关闭,像这样:<br /> 


WML <fieldset>标签
fieldset元素可以将它所包围的元素用线框衬托出来
<fieldset>
Height <input type="text" size="3" />
Weight <input type="text" size="3" />
</fieldset>

WML <head>标签
head元素可以包含有关文档的相关信息。浏览器不会把这些信息显示给用户。以下这些标

签可以在head中使用:<base>,<link>,< script >,<style>以及<title>。

WML <img>标签
为img元素定义图片<img src="angry.gif" alt="Angry" /> alt输出结果(图片不存在时)

WML <input>标签
<input>标签可以为用户定义一个可提供输入数据的区域,
First name:
<input type="text" name="fname" value="Mickey" />

WML <meta>标签
<meta>标签可以给meta-infomation提供一些有关你页面的信息,比如针对搜索引擎的描述

,关键字和刷新频率

WML <optgroup>标签
定义一个选项组。该元素可以使你选择某个选项组中所对应的选项。如果你的选项列表太

长,使用这个方法可以标出具体选项所对应的选项组,从而方便你进行相关选项的选择。
<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>

WML <option>标签
option元素定义了下拉列表的可选项目
<select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value ="opel" selected="selected">Opel</option>
<option value ="audi">Audi</option>
</select>

WML <p>标签
<p>标签可定义一段落

WML <select>标签
select元素可建立下拉列表
<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value ="opel">Opel</option>
  <option value ="audi">Audi</option>
</select>

WML <table>标签
<table>标签可用来定义表格。在<table>标签内你可以放表格的标题,表格行,表格单元

以及其他的表格。

WML < access > 标签
<access>标签定义了关于WML平台控制访问信息。
注意:如果<access>标签未被设置,那么其它平台/卡片都可以访问这个平台。
注意:<access>标签总是写在<head>标签内的。每个平台都可以包含一个<access>标签。
Access is limited to other decks/cards in www.test.com:
仅限于访问www.test.com中的其它平台/卡片。
<head> <access domain="www.test.com"/>
</head>
Access is limited to other decks/cards in www.test.com/tech/school/wap:
<head> <access domain="www.test.com" path="/wap"/>
</head> 


WML < anchor >标签
<anchor>标签是用来定义一个“锚”(a link)的,它可以使你直接跳到某个页面中指定

的位置。<anhor>标签中总是要包含一个指令(“go[前进]”、“prev[前进]”、

“refresh[刷新]”)。它是用于定义“锚”所指向的位置。
注意:尽可能使用<a>标签,而不是<anchor>标签。
注意:“锚”不允许嵌套使用。
<?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="Anchor 

Tag"><p> <anchor>Next page <go href="test.wml"/>
</anchor></p></card></wml> 


WML < card > 标签
WML平台包含一个或多个卡片。<card>标签定义了一张卡片。一张卡片中包含文本、标记、

连接、输入框、任务、图片等等。
注意:卡片的“id”属性可以作为“锚”来使用。
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 

1.1//EN""http://www.wapforum.org/DTD/wml_1.1.xml"> <wml><card id="no1" 

title="Card 1"> <p>Hello World!</p></card> <card id="no2" title="Card 2"> 

<p>Welcome to our WAP Tutorial!</p></card></wml>

WML < do >标签
<do>标签的作用是:当用户在品目上点击一个单词或词组时激活一个任务。
<do>标签也可以嵌套在<template>标签中使用。此时,<do>标签将应用于平台中的所有卡

片。
下面这个案例通过在<template>标签中使用<do>标签向每个卡片中添加了一个“Back”连

接:
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 

1.1//EN""http://www.wapforum.org/DTD/wml_1.1.xml"> <wml><template> <do 

name="back" type="prev" label="Back">  <prev/>
</do></template><card id="card1" title="Card 1"><p> Hello World!

</p></card><card id="card2" title="Card 2"><p> From W3Schools!</p></card></wml>

注意
如果一个单独的<card>包含多个type[类型]值为“accept”的<do>元素,并且这些<do>元

素未指定,那么WML将编译失败并且不会显示任何页面。
出现这个问题的原因在于没有指定包含合理元素类型的元素名称。


WML < go >标签
<go>任务表示前进到下一张新的卡片区。go 可以通过href 属性指定。
注意:<go>标签内容是可选的。
注意:<go>标签可以包含<postfield>或<setvar>标签。
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 

1.1//EN""http://www.wapforum.org/DTD/wml_1.1.xml"><wml> <card> <p> <anchor> Go 

To Card 2 <go href="#card2"> <setvar name="x" value="30"/>
</go> </anchor></p> </card></wml>

不包含任何内容的<go>标签:
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 

1.1//EN""http://www.wapforum.org/DTD/wml_1.1.xml"><wml><card><p> <anchor> Go To 

Test <go href="test.wml"/>
</anchor></p></card> </wml> 

WML < noop >标签
<noop>表示不执行任何操作(noop即:no operation)。这个标签使用于阻止事件发生的


在下面的案例中,我们使用<do>标签将卡片中添加了一个“Back”连接。当用户点击

“Back”连接时,他/她将会返回上一张卡片。但是<noop>标签阻止了这一操作;当用户点

击“Back”连接时,并为执行“Back[返回]”操作:
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 

1.1//EN""http://www.wapforum.org/DTD/wml_1.1.xml"><wml><card><p> <do 

type="prev" label="Back"> <noop/>
</do></p></card> </wml> 

WML < on事件 >标签
必要参数。指定“onevent”元素的类型
onenterbackward - 当使用<prev>后退到前一张卡片时触发该事件
onenteredforward - 当使用<go>前进到后一张卡片时触发该事件
onpick - 当选择/放弃选择一个项时触发该事件
ontimer - 当时间过期时触发

WML < postfield >标签
<postfield>标签包含了发送到服务器的信息(包括<go>标签)。

WML < prev > 标签
<prev>任务表示后退到前一张一访问过的卡片区。如果前一张卡片的URL不存在,那么

<prev>将无效。

WML < refresh >标签
<refresh>是用于刷新指定的卡片变量的。如果变量并为出现在屏幕上,那么执行该任务将

刷新屏幕。
注意:<refresh>标签可以被嵌套在一个<anchor>、<do>或<onevent>标签中。

WML < setvar >标签
<setvar>标签为<go>、<prev>或<refresh>任务重的指定值设置一个变量。

WML < template >标签
<template>标签为平台中所有的卡片定义了一套模板。<template>标签中的"code[代码]"

将被添加到平台中的每个卡片中。
注意:你仅能为每个平台指定一个<template>标签。 
注意:这个标签仅能包含<do> 和 <onevent>标签。

WML < timer >标签
<timer>标签定义了一个卡片计时器。当进入该卡片时,计时器开始计数;当离开该卡片时

,计时器停止计数。
注意:每张卡片中不允许出现多个timer[计时器]元素。
注意:timer[计时器]的时间单位是1/10秒。
注意:这个标签通常与<card>、<onevent>和<template>标签一起使用。
在下面的案例中,“Hello W3POP!”将显示3秒钟,然后,它将自动转到“test.wml”文件


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml"> <wml>
<card ontimer="test.wml">
<timer value="30"/>
<p>Hello W3POP!</p>
</card>
</wml> 

WML < wml >标签
<wml>标签定义了一个WML平台。这个标签包含了关于WML文档的卡片和信息。
注意:一个WML文档必须包含一个WML声明和一个DTD。


WML Text Formatting 标签
下面这些标签是专门用于修饰文本的:
<b> 
文本加粗
<big> 
定义大文本
<em> 
定义斜体文本
<i> 
定义斜体文本
<small> 
定义小文本
<strong> 
文本加粗
<u> 
使文本下方包含下划线

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值