WAP网站建设全攻略教程(2)

发布时间:2018-06-08 14:54:26
WML学习(二)

基本格式和文件头

wml文件的一般格式:

以下为引用的内容:
《?xml version=”1.0“?》

《!DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》

《wml》

《head》

《access/》

《meta.。../》

《/head》

《card》

Some contents.。.

《/card》

《wml》

结构看上去和HTMl文件很类似,对于每一个DECK,在其文档开头必须指明以下的类型声明:

以下为引用的内容:
《?xml version=”1.0“?》

《!DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》

千万注意字母的大小写。对于一个DECK,其文件大小最好不要超过1.2K。

《wml》标签和HTML中的《html》标签一样,用来表明这是一个 WML的DECK,它有一个可选的xml:lang属性来制定文档的语言,比如《wml xml:lang=”zh“》表示文档语言为中文。

和HTML一样《head》标签包含了该DESK的相关信息。《head》 标签之间可以包含一个《access》标签和多个《meta》标签。

《access domain=”域“ path=”/路径“ /》相当于HTML中的《BASE》标签,指定该DECK的访问控制信息,它用两个可选的属性,domain用来指定域,默认值为当前域, path用来指定路径,默认值为”/“,即根目录。由于 《access》单独使用,所以要用/结尾,以后对于类似的情况不再赘述。

《meta 属性 content=”值“ scheme=”格式“ forua=”true|false“/》 和HTML中的类似,提供了该DECK的meta信息。属性是必选的,包括一下三种情况name=”name“ UP.Link Server忽略meta数据

http-equiv=”name“ UP.Link Server将meta 数据转为 HTTP 响应头(同HTML)

user-agent=”agent“ UP.Link Server 直接将 meta 数据传给手机设备,content属性也是必选的,其内容根据属性而定。scheme属性目前尚不支持。forua 为可选属性,指定在该wml文件传到客户端之前,《meta》标签是不是被中间代理删除(因为传输的协议可能改变),默认值为false。

目前支持的meta数据:

《meta http-equiv=”Cache-Control“ content=”max-age=3600“/》指定DECK在手机内存缓存中的存储时间段,默认的为30天(除非内存耗尽),在该期间, 手机对于访问过的DECK直接从缓存里调用。如果信息是对时间敏感的,可以用max-age指定DECK在缓存里的生存期,最小单位是秒, 如果指定为0, 则每次都需通过连接服务器来调用该DECK。

《meta user-agent=”vnd.up.markable“ content=”false“/》和《meta user-agent=”vnd.up.bookmark“ content=”指定的URL“/》 类似于普通浏览器的书签功能。当用户将一个CARD做了书签后,手机浏览器首先用一个标记记录该CARD, 这个标记默认的是《card》标签中的title属性(以后会讲到),然后当用户选择了该书签以后,浏览器就会打开被记录的URL。但是因为在默认的情况下,手机会记录所有的DECK,所以,一般《meta》被用来使手机不要记录当前的URL,即《meta user-agent=”vnd.up.markable“ content=”false“/》。此外, 如果要为书签指定不同于当前DRECk的 URL,用《meta user-agent=”vnd.up.bookmark“ content=”指定的URL“/》。

一个DECK可以包含多个CARD,每个CARD的内容可能不止一屏显示,注意DECK,CARD和屏幕显示范围的关系。一个CARD用《card》和《/card》包含。《card》可以包含以下可选的属性:

《card id=”name“ title=”label“ newcontext=”false“ ordered=”true“ onenterforward=”url“ onenterbackward=”url“ ontimer=”url“》

*id属性用来指定CARD的名字,可用来在CARD间跳转,相当于在HTML中在页内跳转时用《A NAME=”jumpHere“》。

*title属性用来作为书签的标记,该属性一般不会显示在屏幕上。

*newcontext属性,默认值为false, 用来指示当跳转到本CARD时,手机是不是要清除以前保留的信息,包括变量,堆栈里的历史记录,重新设置手机状态等。

*ordered属性,默认值是true,表明该CARD里的内容是按固定的顺序显示, 还是按用户的选择来显示。这点和HTMl不同,CARD 页面里的内容可以按一定的顺序显示,默认的是按线性顺序显示,即按代码的顺序, 但是,要注意的是,以下三个标签必须按以下顺序来写《onevent》《timer》《do》, (这和以后要讲的“事件”有关)。这样做是为了方便填表单,当ordered设置为true时,如果一个表单的内容不能在一屏里显示完,就分成多屏显示;当ordered设置为false时, 手机可以显示一个概要CARD来总结有效的选项,用户可以从中选取表单选项来填写。

*onXXX属性,类似于HTML标签中的onXXX属性,用来捕捉事件,当事件被触发时执行指定的操作(任务),在这里是转向某个URL。

WML学习(三)

显示文本

在文本的显示上WML基本和HTML相同。文字段落包含在《p align= ”alignment“ mode=” wrapmode“》和《/p》之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center;mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条的机制来显示所有文字。

换行标签也一样为《br/》,这里先替一下,在标单中如果有多个《input》或者《select》,其间不要用《br/》,否则会使手机浏览器认为是断点而把表单分页显示。

文字的修饰标签有《b》、《i》、《u》、《em》、《strong》、《big》和《small》,意义和HTML里的相同。

表格的显示标签也和HTML相近,使用《table title=”name“ align=”left|right|center“ columns=”列数“》、《tr》和《td》来显示,《table》的title属性用来给表格取个名字,columns属性指定表的列数,不能为0,可选的align属性和前面提到的一样是对齐方式。表格中可以包含文字和图片。

test1.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》

《p align=”center“》

《i》Hello《/i》《br/》

《b》《i》World!《/i》《/b》

《table title=”mytable“ align=”right“ columns=”2“》

《tr》

《td》1-1《/td》

《td》1-2《/td》

《/tr》

《tr》

《td》2-1《/td》

《td》2-2《/td》

《/tr》

《/table》

《/p》

《/card》

《/wml》

显示图片

显示图片(1位黑白BMP图片)的标签一样类似于HTML,《img alt=”text“ src=”url“ localsrc=”icon“ align=”left“ height=”n“ width=”n“ vspace=”n“ hspace=”n“/》,属性中alt和src是必须要有的,其他可选。另外要注意的是《img》要放在《p》里,不能放在《do》和《option》等功能健标签和选单标签里。

*alt属性用来指定当手机不支持图片显示时用来显示的文字。

*src属性指定图片的URL,但当有了以下的localsrc属性时,手机浏览器就忽略src属性。

*localsrc属性用来指定显示存在手机ROM中的图标,如果找不到,则到UP.Link Server上去找。

*可选的align属性用来表明图片同当前行文本的对齐方式,默认值为bottom,可选to和middle。

*height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距,目前不是所有的WAP手机都支持这些属性。

test2.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》

《p align=”center“》《img alt=”:)“ src=”xxx.bmp“ localsrc=”smileyface“/》《/p》

《/card》

《/wml》

WML学习(四)

锚和任务

连接是 HTML 页面里最基本的功能, 在 WML 里也一样用 《a href=”url“ title=”label“》 和 《/a》来包括用来建立连接的文字,必选属性href指定了要打开的URL,可选的title属性给该连接取个标记名字,这个名字将作为软按钮之一的ACCEPT键(详见以前的HDML入门文章)的标记显示在屏幕的软按钮区,所以通常可以将属性作为提示文字是用。

然而,以上的连接在WML里只是任务的一种情况,为了能够使用其它任务,所以引进了新的标签《anchor title=”label“》任务标签 文本《/anchor》,《a》其实是当任务标签为

《go/》时的简单表示方式。

test3.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》

《p》

《anchor title=”Link1“》《go href=”test1.wml“/》News《/anchor》《br/》

《a title=”Link2“ href=”test2.wml“》Sports《/a》

《/p》

《/card》

《/wml》

WML里的任务标签有以下几种,除了用于《anchor》,还可以用在事件中:

1)《go》用来指示浏览器显示指定的URL,包括DECK的第一个CARD或者指定的CARD。语

法如下:

以下为引用的内容:
《go href=”url“ sendreferer=”false|true“ method=”get|post“ accept-charset

=”charset“》

《postfield name=”name“ value=”value“/》

《setvar name=”name“ value=”value“/》

《/go》

其中href属性为必选,其他为可选。sendreferer属性表示是否传递调用href所指定的URL的页面的URL,也就是当前页的URL,即 HTTP 头中的HTTP_REFERER,默认值为false,可选值为true。method和HTML中的表单FORM的method属性一样,指定表单是以get的方式还是post的方式递交,以便cgi处理,默认的值为get,但如果未指定method但《go》《/go》间存在《postfield》,手机自动以post方式传递。accept-charset 属性可覆盖在HTTP头里指定的字符集,可以写多个字符集,如accept-charset=”UTF-8,US-ASCII, ISO-8859-1“。

《postfield name=”name“ value=”value“/》可以看作是HTML表单FORM中的《INPUT TYPE=”HIDDEN“ NAME=”变量名“ VALUE=”值“》,通过它可以向指定的URL传递以“变量名/值”形式的数据。name和value属性都是必选的。注意只有这里的变量是用来递交给CGI程序的。

除了《postfield》,还可以在《go》和《/go》间加入一句或者多句《setvar name=”name“ value=”value“/》,该语句的意思是,当触发某一事件时,给变量赋值。


要注意的是,当《go》和《/go》之间没有任何语句时,要用《go/》的形式,这点比较特别,比如《anchor title=”Link1“》《go href=”test.wml“/》News《/anchor》。

2)《prev》用来将当前页面的URL压入URL历史堆栈,并打开此前的URL,若该URL不存在,则《prev》无效。语法类似《go》:《prev》《setvar name=”name“ value=”value“/》《/prev》,《prev》和《/prev》之间可加入一句或多句《setvar name=”name“ value=”value“/》,若不加,则必须变成《prev/》的形式。

3)《refresh》用来刷新当前的页面,从而使得页面内的变量刷新,语法为《refresh》《setvar name=”name“ value=”value“/》《/refresh》。

4)《noop》,表示什么也不做,该标签不能用在《anchor》中,一般用在覆盖DECK级的《do》(以后会说明)。

注:相关网站建设技巧阅读请移步到建站教程频道。
2007-2017 powerby yizhidou.com 深圳艺之都微信开发APP开发微信场景设计微信名片设计 备案号:粤ICP备14099120号
30.8K