WAP - WML 語法



WAP 架構的最頂層由 WAE(無線應用環境)組成,它包含 WML 和 WML 指令碼語言。

WML 指令碼語言用於設計傳送到無線裝置(如手機)上的應用程式。此語言考慮了小螢幕和低頻寬傳輸的特點。WML 是 XML 的一種應用,在文件型別定義中定義。

WML 頁面稱為“卡組”(decks)。它們構建為一組卡片,透過連結相互關聯。當從手機訪問 WML 頁面時,頁面中的所有卡片都將從 WAP 伺服器下載到手機上以顯示內容。

WML 命令和語法用於顯示內容並在卡片之間導航。開發人員可以使用這些命令來宣告變數、格式化文字和在手機上顯示影像。

WAP 程式結構

WML 程式通常分為兩部分:文件序言主體。考慮以下程式碼:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<wml>
   <card>

   ...
   </card>
   ...more cards...
</wml>

這行文字的第一行說明這是一個 XML 文件,版本為 1.0。第二行選擇文件型別並提供文件型別定義 (DTD) 的 URL。此 DTD 提供了 WML 的完整 XML 定義。引用的 DTD 在 WAP 1.1 中定義,但此標題會根據 WML 的版本而更改。必須精確複製標題,以便工具包自動生成此序言。

主體包含在 <wml>...</wml> 標記對中,如上所示。WML 文件的主體可以包含以下一項或多項:

  • 卡組 (Deck)

  • 卡片 (Card)

  • 要顯示的內容

  • 導航指令

WML 命令

WML 中使用的命令總結如下:

格式化

命令 描述
<p> 段落
<b> 粗體
<big> 大號字
<em> 強調
<I> 斜體
<small> 小號字
<strong> 強烈強調
<u> 下劃線
<br> 換行

插入影像

<img src="image-path/image - name" alt="Picture not available" />

使用表格

命令 描述
<table> 定義表格
<tr> 定義行
<td> 定義列
<thead> 表格標題

變數

宣告方式:

<setvar name="x" value="xyz"/>

使用方法:

$ identifier or
$ (identifier) or
$ (Identifier; conversion)

表單

命令 描述
<select> 定義單選或多選列表
<input> 使用者輸入
<option> 定義可選列表中的一個選項
<fieldset> 定義一組輸入欄位
<optgroup> 定義可選列表中的選項組

任務元素

命令 描述
<go> 表示切換到新卡片的操作
<noop> 表示不執行任何操作
<prev> 表示返回上一張卡片的操作
<refresh> 重新整理某些指定的卡片變數。

事件

各種事件如下:

命令 描述
<do> 定義 do 事件處理程式
<onevent> 定義 onevent 事件處理程式
<postfield> 定義 postfield 事件處理程式
<ontimer> 定義 ontimer 事件處理程式
<onenterforward> 定義 onenterforward 處理程式
<onenterbackward> 定義 onenterbackward 處理程式
<onpick> 定義 onpick 事件處理程式

WML 示例程式

將以下 WML 程式碼儲存到伺服器上的 info.wml 檔案中。如果您的伺服器啟用了 WAP,則可以使用任何 WAP 裝置訪問此頁面。

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
<!-- WML prolog.declaration of file type and version>

<wml>
<!-- Declaration of the WML deck>
<card id="info" newcontext="true">
<!-- declaration of a card in deck>
<p align="center"><b>Information Center</b></p>
<!--paragraph declaration to display heading>
<p>
<!--paragraph declaration to display links>
<a href="Movie.wml">1. Movies info.</a>
<a href="Weather.wml">2. Weather Info.</a>
<!--declaration of links for weather and movies>
</p>
</card>
<!-- card end>
</wml>
<!-- program end>
廣告
© . All rights reserved.