服務(wù)熱線
153 8323 9821
本篇文章是《手機網(wǎng)頁制作方法》系列文章中的一篇,主要講解Wap1.2手機網(wǎng)站的WML網(wǎng)頁制作方法。WML的一般知識已經(jīng)在前面介紹過了,這里就不再贅述,如果沒有看過,請參考前面的幾篇文章:《手機網(wǎng)頁是怎樣制作的》、《Xhtml MP語言制作手機網(wǎng)頁1_新建網(wǎng)頁》、《Xhtml MP語言制作手機網(wǎng)頁2_鏈接CSS文件》、《Xhtml MP語言制作手機網(wǎng)頁3_添加網(wǎng)頁內(nèi)容》等。
下面開始介紹WML的相關(guān)知識:
1、WML使用的標(biāo)簽類似 Html,但是語法更嚴(yán)格且遵守 XML 1.0 標(biāo)準(zhǔn);
2、WML頁面的擴展名是 ×.WML,就像 HTML 頁面的擴展名是 ×.HTML 一樣,這個在前面的文章中提過;
3、WML語言的源代碼內(nèi)區(qū)分大小寫<p>和<P>是不同的,標(biāo)簽必須正常關(guān)閉,否則就會報錯甚至無法顯示。
1、卡片和卡片組:WML頁面叫做卡片組(DECK)。卡片組是由一系列的卡片(CARD)構(gòu)成的,卡片之間通過鏈接聯(lián)系。
2、頁面基本結(jié)構(gòu):和Html語言一樣,完整的WML頁面也是從文檔聲明開始的,具體結(jié)構(gòu)如下:
<?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="阿邦網(wǎng)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>間是文檔內(nèi)容,就像Html中的<html>標(biāo)簽;<card></card>中是顯示的主體內(nèi)容,就像Html中的<body>標(biāo)簽。
card標(biāo)簽上有ID,方便程序調(diào)用,card上的title就是這個看片的名稱,顯示效果如上圖所示。<card>與</card>之間可包含的元素有很多,包括文本、圖像、鏈接、表格、輸入框、表單等等,這些內(nèi)容將在下面的文章中介紹。
以上這段代碼在預(yù)覽時只能顯示card1中的內(nèi)容,如果頁面中有card2內(nèi)容,它將提前被下載到手機上而不顯示,只有通過鏈接顯示card2內(nèi)容。 下篇文章將向您介紹WML網(wǎng)頁中的段落、換行、文本格式化、表格、圖像等內(nèi)容,請留意。