WAP网站制作(WAP网站建设)全攻略教程二
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>標簽是不是被中間代理刪除（因為傳輸的協(xié)議可能改變），默認值為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時，手機是不是要清除以前保留的信息，包括變量，堆棧里的歷史記錄，重新設置手機狀態(tài)等。
*ordered屬性，默認值是true，表明該CARD里的內容是按固定的順序顯示， 還是按用戶的選擇來顯示。這點和HTMl不同，CARD 頁面里的內容可以按一定的順序顯示，默認的是按線性順序顯示，即按代碼的順序， 但是，要注意的是，以下三個標簽必須按以下順序來寫<onevent><timer><do>， （這和以后要講的"事件"有關）。這樣做是為了方便填表單，當ordered設置為true時，如果一個表單的內容不能在一屏里顯示完，就分成多屏顯示；當ordered設置為false時， 手機可以顯示一個概要CARD來總結有效的選項，用戶可以從中選取表單選項來填寫。
*onXXX屬性，類似于HTML標簽中的onXXX屬性，用來捕捉事件，當事件被觸發(fā)時執(zhí)行指定的操作（任務），在這里是轉向某個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屬性分別指定圖片的長寬和距環(huán)繞文字的間距，目前不是所有的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入門文章）的標記顯示在屏幕的軟按鈕區(qū)，所以通常可以將屬性作為提示文字是用。
然而，以上的連接在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"/>，該語句的意思是，當觸發(fā)某一事件時，給變量賦值。
要注意的是，當<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>（以后會說明）。
文章來源：http://www.ziuziu.cn/show/1438.aspx
轉載于:https://www.cnblogs.com/huicheng/archive/2012/02/01/2334252.html
總結
以上是生活随笔為你收集整理的WAP网站制作(WAP网站建设)全攻略教程二的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 64位win7系统下安装USB下载器驱动
- 下一篇： cocosbuilder源码编译