WAP网站设计之xhtml mp
WAP網站設計之xhtml mp
作者:99770動漫網 來源:hi.baidu.com 【大 中 小】 瀏覽:1971 添加日期：2010-05-11 我要評論(1) ??? 一：XHTML MP的語法規則
我們知道，我們通常用電腦訪問的網站的網頁是用html構建的。類似的，現在WAP 2.0網站是用XHTML MP
構建，以供手持設備的訪問，如手機、PDA等。
XHTML MP是XHTML的子集，因此繼承了它的語法。
XHTML是更嚴格和簡潔的HTML版本。現在來看看XHTML MP的語法規則：
1：標簽必須正確閉合！
<p>XHTML MP 教程 段落 1</p>
<p>XHTML MP tutorial paragraph 2</p>
<p>XHTML MP tutorial paragraph 3</p>
有些標簽是不含內容的（開始標簽和結束標簽之間的東東，如上面的XHTML MP tutorial paragraph 1），
就必須用這種形式：Line break<br/>。請注意一定要加上斜杠
2：標簽和屬性都必須是用小寫
正確的寫法：
<p id="p1">XHTML MP tutorial paragraph 1</p>
<p id="p2">XHTML MP tutorial paragraph 2</p>
<p id="p3">XHTML MP tutorial paragraph 3</p>
3：屬性的值必須放置在雙引號內
<p id="p1">XHTML MP tutorial paragraph 1</p>
4：不支持屬性簡寫
在html中，如下寫法是正確的：
<input type="checkbox" checked />
而xhtml中必須這樣寫：
<input type="checkbox" checked="checked" />
下面再舉一個例子：
<select multiple="multiple">
<option>XHTML MP Tutorial Part 1</option>
<option selected="selected">XHTML MP Tutorial Part 2</option>
<option>XHTML MP Tutorial Part 3</option>
</select>
5：標簽的嵌套必須正確
不支持標簽的重疊，所以下面的寫法是錯誤的！
<p><b>XHTML MP tutorial paragraph 1</p></b>
應該這樣子寫：
<p><b>XHTML MP tutorial paragraph 1</b></p>
二：XHTML MP的 MIME類型 和 文件擴展名
XHTML MP支持下面三種MIME類型
1. application/vnd.wap.xhtml+xml
2. application/xhtml+xml
3. text/html
第一種類型是一些wap瀏覽器所需要的（如某些諾基亞S60瀏覽器），以便正確顯示XHTML MP文檔。
第二種是XHTML系列文檔的類型
第三種是HTML文檔的類型。這樣用IE6就可以正常瀏覽這些文檔，而如果遇到上面的兩種類型就會彈出一個對話框
讓你保存這些文檔。
動態選擇MIME類型
比如服務器端判斷某個客戶端請求可以處理application/vnd.wap.xhtml+xml MIME類型，那所有的XHTML MP文檔就
都使用application/vnd.wap.xhtml+xml MIME類型發送給客戶端。
要實現這個就必須通過服務器端編程，獲取客戶端HTTP請求的Header值，這里面的值包含客戶端可以處理的所有MIME類型。
如果支持就設置XHTML MP的MIME類型為application/vnd.wap.xhtml+xml，如果支持其它的，就設置成其它的。
下面的例子是JSP的，但是你如果使用其它技術的話，原理是一樣的，代碼也是大同小異！
<%
String acceptHeader = request.getHeader("accept");
if (acceptHeader.indexOf("application/vnd.wap.xhtml+xml") != -1)
response.setContentType("application/vnd.wap.xhtml+xml");
else if (acceptHeader.indexOf("application/xhtml+xml") != -1)
response.setContentType("application/xhtml+xml");
else
response.setContentType("text/html");
%>
這里的代碼很簡單，我就不多加解釋了！
文件的擴展名
靜態XHTML MP文檔的典型擴展名包括：.xhtml、.html和.htm。當然，你也可以使用其它擴展名，只要你在
WAP 服務配置文件里面設置清楚就OK了。如果你要使用服務器端技術（如JSP、PHP、ASP、SSI等），你就必須
使用相應的擴展名，如PHP使用.php，SSI使用.shtml。
三：XHTML MP文檔結構
第一個例子 一個典型的ＸＨＴＭＬ ＭＰ文檔結構
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP Tutorial</title>
</head>
<body>
<p>Hello world. Welcome to our XHTML MP tutorial.</p>
</body>
</html>
講解：
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
前面的預聲明不是ＸＨＴＭＬ ＭＰ元素的一部分，所以不必遵守ＸＨＴＭＬ ＭＰ的約定。
剩下的內容和普通的ｈｔｍｌ沒有什么不同了。
記住：ＸＨＴＭＬ ＭＰ必須包含<html>, <head>, <title>, 和 <body>元素。
四：XML聲明和字符編碼
<?xml version="1.0" encoding="UTF-8"?>
所有的XHTML MP文檔都是XML文檔，因此開始都會有一個XML聲明。這里也可以指定文檔的字符編碼。
如果文檔的字符編碼是UTF-8 or UTF-16的話，其實可以省略掉。
雖然這個XML聲明是可以省略的，但是我們不建議這么做，因此這樣可能導致某些索愛的WAP瀏覽器產生錯誤。
五：DOCTYPE聲明
這個<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
聲明是必須的。這個聲明規定了DTD名稱和URL。這個DTD包含標記語言的語法信息，可供驗證工具驗證你寫的XHTML MP文檔的語法正確性。
這些驗證工具集成在很多IDE中了。
六：各標記簡析
<html>是XHTML MP的根標記。目前，該標記的xmlns屬性只能是http://www.w3.org/1999/xhtml這個值，這個用來保證
嚴格遵守XHTML MP標準。但是即使缺失了這個標記，大部分瀏覽器還是能正常顯示頁面。
<head>標記用來存放關于文檔本身的信息。比如<title>和<link>,還有<meta>，這幾個標記的功能和在傳統的html里面的功能是一樣的！
這里不再廢話了。
還有<body>標記也不重復解釋了。
<p>標記的text-align屬性已經被取消了，你可以在css中定義實現這個功能，如：
p {
text-align: right
}
七：XHTML MP 的 Metadata
先看下面的例子：
<head>
<title>XHTML MP Tutorial</title>
<meta name="author" content="Andrew"/>
</head>
WAP瀏覽器會自動忽略你自定義的meta屬性（它不會顯示在你的頁面中），如這里的name，這并不會對你的頁面的界面有任何影響。
八：XHTML MP的緩存控制
這里的緩存就是客戶端用來臨時存儲XHTML文檔的空間，如果瀏覽器發現緩存里面有這個頁面了而且沒有過期，那它就
直接顯示這個頁面，而不需要再次聯網下載，這樣節省了時間。
當然，你可以禁止緩存，你可以這樣做：
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="Cache-Control" content="no-cache"/>
</head>
上面的也可以這樣寫：<meta http-equiv="Cache-Control" content="max-age=0"/>
如果你要設置緩存時間是300秒的話，可以這么做：
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="Cache-Control" content="max-age=300"/>
</head>
還要注意的一點是，上面的設置和所用的設備是有關系的。有些wap瀏覽器是沒有緩存的，所以你設置了也未必能起到作用。
面對這種情況，更好的方法是通過服務器端編程技術設置HTTP header和HTTP response。
九：XHTML MP的定時刷新
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="refresh" content="15"/>
</head>
上面的代碼讓頁面每隔15秒刷新一次！
注意：必須包含這句：<meta http-equiv="Cache-Control" content="no-cache"/>，
如果沒有的話，那可能刷新后只是看到緩存中的副本，并沒有重新從服務器下載頁面。
還有一個用法就是用來URL自動跳轉，例子如下：
<head>
<title>XHTML MP Tutorial</title>
<meta http-equiv="refresh" content="3;URL=http://blog.csdn.net/patriot074/"/>
</head>
需要注意的是，不是所有瀏覽器都支持refresh，如：諾基亞 瀏覽器4.0和Ericsson T610 和 T68i
不過，阿佛使用的Windows Mobile手機是支持的，所以推薦使用。
隨著智能手機的降價，上面的那些不支持的也很快要淘汰了吧。
十：注釋
和html的一樣啦：
<!-- This is a comment in XHTML MP -->
十一：換行
<BR/>, 例子：
<body>
<p>
Line 1<br/>
Line 2<br/><br/>
Line 3
</p>
</body>
十二：<hr/>標記
這個標記會給你的頁面添加一條水平線。注意：
這個標記不能在<p></p>標記之間使用！！！
例子：
<body>
<p>
Table of Contents:<br/>
</p>
<hr/>
<p>
Part 1 XHTML MP Introduction<br/>
Part 2 Development of Wireless Markup Languages<br/>
Part 3 Advantages of XHTML MP<br/>
Part 4 WML Features Lost in XHTML MP
</p>
</body>
十三：標題標記
<h1>, <h2>, <h3>, <h4>, <h5>, 和 <h6>
瀏覽器將以不同的大小顯示置于此標記中的文字，具體效果你可以測試下面的代碼：
<body>
<h1>Level 1 Heading</h1>
<h2>Level 2 Heading</h2>
<h3>Level 3 Heading</h3>
<h4>Level 4 Heading</h4>
<h5>Level 5 Heading</h5>
<h6>Level 6 Heading</h6>
</body>
十四：文字樣式
首先聲明的是有些瀏覽器并不支持XHTML MP支持的標記。
例子：
<body>
<p>
<b>Bold</b><br/>
<i>Italic</i><br/>
<b><i>Bold italic</i></b><br/>
<small>Small</small><br/>
<big>Big</big><br/>
<em>Emphasis</em><br/>
<strong>Strong</strong>
</p>
</body>
你還可以通過WAP CSS進行更精確的控制，比如把文字大小設置為12pt。
更多關于WAP CSS的信息請訪問：（下面將不再重復聲明）
http://www.developershome.com/wap/wcss/
十五：預格式文本
在XHTML MP中，段落中的多個空格在手持設備中顯示時只顯示為一個空格。請看下面的例子：
<body>
<p> Hello, welcome
to
our
XHTML MP tutorial. </p>
</body>
為了能夠保持你希望的格式，可以使用<pre>標簽：
<body>
<pre> Hello, welcome
to
our
XHTML MP tutorial. </pre>
</body>
這樣最后顯示的格式就和上面代碼中排列的一樣了。
十六：列表標簽
使用<ul>標簽來建立無序列表，每個列表項前將顯示一個小圓點。
<li>標簽用來包圍每個列表項。
請看下面的例子：
<body>
<p>Table of Contents:</p>
<ul>
<li>Part 1 XHTML MP Introduction</li>
<li>Part 2 Development of Wireless Markup Languages</li>
<li>Part 3 Advantages of XHTML MP</li>
<li>Part 4 WML Features Lost in XHTML MP</li>
</ul>
</body>
使用<ol>標簽來建立有序列表，請看下面的例子：
<body>
<p>Table of Contents:</p>
<ol>
<li>XHTML MP Introduction</li>
<li>Development of Wireless Markup Languages</li>
<li>Advantages of XHTML MP</li>
<li>WML Features Lost in XHTML MP</li>
</ol>
</body>
其中，在<ol>標簽中可以設置start屬性的值來決定列表序號的起始值，例如：
<ol start="4">
通過WAP CSS你可以對列表的外觀進行更精確的控制。例如，可以修改顯示序號的方式，
比如使用i ,ii ,iii來替代1，2，3。
十七：顯示圖片
和HTML中一樣，使用<img>標簽來顯示圖片。height和width屬性用來指定圖片的高和寬（像素）。
WAP2.0支持常用的GIF、JPG、PNG圖像格式，當然這還跟用戶所有設備有關，一些設備只能顯示
其中的一部分格式。要想知道客戶端支持的圖片格式，很容易，和先前講過的一樣，可以通過檢查
HTTP Header，請看下面的代碼：
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Image in XHTML MP</title>
</head>
<body>
<p>
<img src="monkey.gif" alt="coolMonkey" height="50" width="50" /><br/>
Hello, welcome to our XHTML MP tutorial.
</p>
</body>
</html>
其中alt屬性在圖片無法顯示的時候會顯示其設置的文本值。
十八：大圖片問題
很多WAP瀏覽器沒有水平滾動條（我的WM IE也是，但是它會自動縮放圖片到合適尺寸）。因此如果圖片超過設備的屏幕尺寸，
很多瀏覽器就只能顯示局部圖片，這樣從用戶看來很糟糕！還有注意的就是height和width屬性設置只是影響外觀，加載圖片的時間
和圖片大小有關，與你設置的height和width的值無關。使用大圖片將讓你的訪問用戶掏更多錢（并花費更多的時間）去支援移動，因為大圖片帶來大流量，
移動的瘋狂收費已經嚇住了不少潛在的客戶（你不希望你的網站嚇走用戶吧）。阿佛的哥哥就是個例子，移動的1元包月5M套餐，
而他超過了流量（不少普通用戶根本沒有流量的概念），移動收了幾十元，從此就再也不敢用手機GPRS上網了。
因此從優化XHTML MP頁面圖像的角度來看，控制圖片的大小有下面幾招：
1：使用PS等圖片處理軟件減小圖片的尺寸，而不是傳送大圖片給無線設備，然后通過height和width來設定顯示尺寸。
2：如果使用的GIF格式的圖片，那么請使用小型顏色調色板，使用小型調色板會降低圖片的質量，不過你可以在二者
之間做一個較好的平衡。
3：如果圖片是JPG格式，你應該用合適壓縮比率來壓縮。這個平衡（圖片尺寸和顯示質量）也要你來控制。
4：期待移動降低上網資費并提高龜速網絡（這僅僅是期待）。
更好的提高你的手機網站性能方式是先處理頁面的文檔請求，再接著處理圖片的顯示。但是如果構建這樣的網站已經超過了本文要
描述的范圍，如果你感興趣的話請自行搜索關鍵字：Multipart messages
十九：表格
創建表格所使用的標簽和HTML中使用的沒有區別。所以請直接看下面的例子：
<body>
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
<td>Cell C</td>
</tr>
<tr>
<td>Cell D</td>
<td>Cell E</td>
<td rowspan="2">Cell F</td>
</tr>
<tr>
<td colspan="2">Cell G</td>
</tr>
</table>
</body>
這里顯示出來的效果是不帶邊框的表格。如果你要顯示，可以使用WAP CSS來控制。
在<head>標簽里面加入如下代碼：
<style>
td {
border: thin solid black
}
</style>
二十：超鏈接
超鏈接是用來導航的，你可以點擊一個連接然后跳轉到其他XHTML MP頁面。這個html中的一樣，請看下面的例子：
<a href="http://blog.csdn.net/patriot074/">阿佛的博客首頁</a>
下面再講講當前頁面的定位（滾動到當前頁面的指定位置）：
請看下面的例子：
<body>
<p><a id="top">Table of Contents:</a></p>
<ul>
<li>Part 1 XHTML MP Introduction</li>
<li>Part 2 Development of Wireless Markup Languages</li>
<li>Part 3 Advantages of XHTML MP</li>
<li>Part 4 WML Features Lost in XHTML MP</li>
<li>如果頁面不夠長，無法顯示效果的話就再多幾個列表項</li>
<li>如果頁面不夠長，無法顯示效果的話就再多幾個列表項</li>
<li>如果頁面不夠長，無法顯示效果的話就再多幾個列表項</li>
<li>如果頁面不夠長，無法顯示效果的話就再多幾個列表項</li>
</ul>
<p><a href="#top">Back to top</a></p>
</body>
從上面的例子可以看出，要定位到指定位置，可以通過<a href="#top">Back to top</a>
來實現，#號加上要跳轉到位置的 <a>標記的id值就可以了。
一些老的機器和瀏覽器不支持這個，如索愛的T610 和 T68i（02年的，應該沒什么人用了吧）
二十一：使用更短的URL
我們知道手機輸入比用電腦鍵盤慢多了。因此你應該讓你的網站的url盡可能的短，看看下面的幾種方法：
1：好好利用子域名。使用http://wap.somedomain.com/來代替http://www.somedomain.com/wap/。還可以使用
更短的域名： http://somedomain.com/ 。
2：讓你的web站點和wap站點使用相同的URL。
使用"http://www.somedomain.com/" 或者 http://somedomain.com/來代替http://www.somedomain.com/wap/"作為
WAP站點的域名。如果一個HTTP 請求來自手機，那么將把WAP版本的站點發送給這個請求用戶，否則將返回web版本的站點。
3：設置站點的默認文檔。這樣就可以通過http://wap.somedomain.com/來訪問http://wap.somedomain.com/index.xhtml頁面。
二十二：圖形化鏈接
這里的技巧和HTML的一樣。你可以在<a>標簽中放一個<img>標簽，這樣就可以在你點擊圖片的時候進行頁面跳轉了。
<body>
<p>
This is page 1.<br/>
<a href="linksEg5.xhtml"><img src="to2.gif" alt="Go to linksEg5.xhtml"/></a>
</p>
</body>
二十三：設置超鏈接的訪問快捷鍵
<body>
<p>
This is page 1.<br/>
<a accesskey="1" href="linksEg7.xhtml"><img src="to2.gif" alt="Go to linksEg7.xhtml"/></a>
</p>
</body>
屬性accesskey用來設置快捷鍵，當你按下這個鍵的時候就相當于點擊了這個超鏈接（而在PC上瀏覽器僅僅是讓這個超鏈接獲得焦點）。
accesskey屬性的可用值是：*, #, 0, 1, 2, 3, 4, 5, 6, 7, 8, 和 9。
二十四：下拉選擇框
這個也和HTML中一樣，所以直接上代碼：
<body>
<form method="get" action="xhtml_mp_tutorial_proc.asp">
<p>
<select name="selectionList">
<option value="tutorial_A">XHTML MP Tutorial Part A</option>
<option value="tutorial_B">XHTML MP Tutorial Part B</option>
<option value="tutorial_C">XHTML MP Tutorial Part C</option>
</select>
</p>
</form>
</body>
默認選擇的代碼是：
<option value="tutorial_B" selected="selected">XHTML MP Tutorial Part B</option>
支持多選的代碼是：（在WM IE中無效）
<select name="selectionList" multiple="multiple">
二十五：Input元素
和HTML一樣，XHTML MP也擁有各種獲取用戶輸入的input元素。
input元素必須放置在<form>標記之間。
<input>標記的 type 屬性定義了input元素的類型。name屬性定義了input元素的名稱，可供服務器端檢索。
二十六：文本域
文本域用來獲取字母和數字數據。請看下面的例子：
<input type="text" name="name_for_this_element"/>
type的默認屬性就是text，所以可以忽略。
你可以使用 maxlength屬性來控制文本域可輸入的字符數，例如：
<input type="text" name="myTextField" maxlength="16"/>
你還可以使用value屬性來設置文本域的默認值，例如：
<input type="text" name="myTextField" maxlength="16" value="Jack"/>
XHTML MP不再支持<input>標簽的format屬性，你可以使用WAP CSS的-wap-input-format來控制。
例如，限制輸入格式為最多10個數字：
input {
-wap-input-format: "10N"
}
下面再來介紹一下密碼域：
在密碼域中所有的字符通過星號來顯示，請看例子：
<input type="password" name="name_for_this_element"/>
二十七：復選框和單選按鈕
復選框和HTML中也類似，例如：
<input type="checkbox" name="xhtml_mp_tutorial_chapter" value="1"/>
<input type="checkbox" name="xhtml_mp_tutorial_chapter" value="2"/>
<input type="checkbox" name="xhtml_mp_tutorial_chapter" value="3"/>
value的值將被發送服務器端（當有選中該復選框）。
你也可以通過checked屬性設置復選框是否選中，代碼如下：
<input type="checkbox" name="xhtml_mp_tutorial_chapter" value="1" checked="checked"/>
下面的標記代碼創建一個單選按鈕：
<input type="radio" name="name_for_this_element"/>
和復選框按鈕類似，擁有相同name屬性值的單選按鈕將被分在同一個組，例如：
<input type="radio" name="xhtml_mp_tutorial_chapter" value="1"/>
<input type="radio" name="xhtml_mp_tutorial_chapter" value="2"/>
<input type="radio" name="xhtml_mp_tutorial_chapter" value="3"/>
name和value對是相關聯的，這個將在form提交后用來后臺取值。和復選框一樣，checked屬性用來指定是否選中該項。
二十八：隱藏字段
隱藏字段將不會在頁面中顯示。它用來存儲狀態信息的。例如：
<input type="hidden" name="temp_id" value="123456"/>
value屬性會被回發到服務器端。
二十九：提交窗體數據到服務器端
在前文中，我們講到了很多input元素，它們可以獲取用戶輸入的數據。那么服務器端該如何獲取這些輸入的數據呢？
你需要把這些標簽和提交按鈕置于<form></form>標簽中。例如：
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP Tutorial</title>
</head>
<body>
<h1>Registration Form</h1>
<form method="get" action="processing.asp">
<p>
Username:<br/>
<input name="username"/><br/>
Password:<br/>
<input type="password" name="password"/><br/>
Gender:<br/>
<input type="radio" name="gender" value="m"/>Male
<input type="radio" name="gender" value="f"/>Female<br/>
Country:<br/>
<select name="country">
<option value="ca">Canada</option>
<option value="cn">China</option>
<option value="fr">France</option>
<option value="de">Germany</option>
<option value="in">India</option>
<option value="it">Italy</option>
<option value="jp">Japan</option>
<option value="kr">Korea</option>
<option value="uk">United Kingdom</option>
<option value="us">United States</option>
</select><br/>
Which part of our XHTML MP tutorial do you like?<br/>
<input type="checkbox" name="tutorial_part" value="1"/>Part 1
<input type="checkbox" name="tutorial_part" value="2"/>Part 2
<input type="checkbox" name="tutorial_part" value="3"/>Part 3
<input type="checkbox" name="tutorial_part" value="4"/>Part 4
<input type="hidden" name="temp_id" value="123456"/>
</p>
<hr/>
<p>
<input type="submit"/>
<input type="reset"/>
</p>
</form>
</body>
</html>
三十：Form元素
<form>標記是form控件的容器。下面繼續介紹<form>標記的兩個方法POST和GET。
先介紹get方法：
<form method="get" action="processing.asp">
使用get方法，數據將追加到URL中發送。由于URL攜帶的字符量是有限制的，這也成了get方法的一大缺點。
還有一個問題是為了避免編碼問題（當有非ASCII字符時），你應該使用POST方法替代get方法。而使用POST方法
數據時，數據將插入到請求到一起發送。
接下來再講解一下action屬性，該屬性指定了哪個頁面用來處理提交的數據，你可以在該頁面編寫后臺處理代碼。
三十一：提交按鈕和重置按鈕
在XHTML MP中，而每個form都應該包含一個submit按鈕。當點擊這個按鈕后，窗體數據就會被提交到服務器進行處理。
下面來看看這個按鈕：
<input type="submit" value="OK"/>
value屬性用來指定這個按鈕的標題。如果沒有設置這個屬性的話，那么將顯示默認的 submit （如果是中文瀏覽器，會顯示提交）
接著再來介紹一下重置按鈕。當按下重置按鈕時，form中包含的控件值將回到初始狀態。例如：
<input type="reset"/>
如果沒有設置重置按鈕的value值，那么將默認顯示reset或者重置。
三十二：服務器端
你可以使用你熟悉的服務器端技術來處理這些<input>和<select>屬性。流行的技術包括ASP/ASP.NET 、Java Servlet/JSP 、Perl和PHP。
下面提供一個簡單的獲取客戶端傳過來的值的樣例，關于ASP的。在現實中服務器端要做更復雜的處理。例如，把窗體發送過來的數據存儲到數據庫中。
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<% Response.ContentType = "application/vnd.wap.xhtml+xml" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML MP Tutorial</title>
</head>
<body>
<p>
Data received at the server:<br/>
Username: <% =Request.QueryString("username") %><br/>
Password: <% =Request.QueryString("password") %><br/>
Gender: <% =Request.QueryString("gender") %><br/>
Country: <% =Request.QueryString("country") %><br/>
Which part of our XHTML MP tutorial do you like?
<%
for i=1 to Request.QueryString("tutorial_part").Count
Response.Write(Request.QueryString("tutorial_part")(i) & " ")
next
%>
<br/>
temp_id: <% =Request.QueryString("temp_id") %>
</p>
</body>
</html>
（如果您覺得本站不錯，請告訴身邊的朋友，或轉載到論壇、百度知道、貼吧等，記得帶網址喲，不勝感激！）
〖技術文檔〗Tags: wap xhtml mp wap網站
文章出處：標準之路(http://www.aa25.cn/Tech/878.shtml)
文章出處：標準之路(http://www.aa25.cn/Tech/878.shtml)
?
總結
以上是生活随笔為你收集整理的WAP网站设计之xhtml mp的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 可以修改GPS的照片图像编辑器——Pho
- 下一篇： Advances in Graph Ne