服務熱線
153 8323 9821
本篇文章是《手機網頁制作方法》系列文章中的一篇,主要講解Wap1.2手機網站的WML網頁制作方法。WML的一般知識已經在前面介紹過了,這里就不再贅述,如果沒有看過,請參考前面的幾篇文章:《手機網頁是怎樣制作的》、《Xhtml MP語言制作手機網頁1_新建網頁》、《Xhtml MP語言制作手機網頁2_鏈接CSS文件》、《Xhtml MP語言制作手機網頁3_添加網頁內容》等。
下面開始介紹WML的相關知識:
1、WML使用的標簽類似 Html,但是語法更嚴格且遵守 XML 1.0 標準;
2、WML頁面的擴展名是 ×.WML,就像 HTML 頁面的擴展名是 ×.HTML 一樣,這個在前面的文章中提過;
3、WML語言的源代碼內區分大小寫<p>和<P>是不同的,標簽必須正常關閉,否則就會報錯甚至無法顯示。
1、卡片和卡片組:WML頁面叫做卡片組(DECK)。卡片組是由一系列的卡片(CARD)構成的,卡片之間通過鏈接聯系。
2、頁面基本結構:和Html語言一樣,完整的WML頁面也是從文檔聲明開始的,具體結構如下:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> <wml> <card id="card1" title="阿邦網Dreamweaver"> <p> Wap頁面測試!http://dreamweaver.abang.com </p> </card> <card id="card2" title="Div+css"> <p> Wap頁面測試!Div+css </p> </card> </wml>
WML屬于XML文檔,文檔模型為wml_1.1.xml。<wml></wml>間是文檔內容,就像Html中的<html>標簽;<card></card>中是顯示的主體內容,就像Html中的<body>標簽。
card標簽上有ID,方便程序調用,card上的title就是這個看片的名稱,顯示效果如上圖所示。<card>與</card>之間可包含的元素有很多,包括文本、圖像、鏈接、表格、輸入框、表單等等,這些內容將在下面的文章中介紹。
以上這段代碼在預覽時只能顯示card1中的內容,如果頁面中有card2內容,它將提前被下載到手機上而不顯示,只有通過鏈接顯示card2內容。 下篇文章將向您介紹WML網頁中的段落、換行、文本格式化、表格、圖像等內容,請留意。