新聞資訊
記錄首創點滴進步 見(jiàn)證遠(yuǎn)行(xíng)
我們一(yī)直緊跟時(shí)代前沿,聚焦行(xíng)業₩✔(yè)實時(shí)動态,發布公司最新資訊,歡迎您的(de)關注

6.12日(rì)音(yīn)訊,wap網站(zhàn)的(de)mp要(yà↕★o)求

日(rì)期:2013-06-12發布:首創網絡浏覽:459次

    6.12日(rì)音(yīn)訊,wap♣←≥≥網站(zhàn)的(de)mp要(yào)求。随著(zhe)智能(‌  néng)手機(jī)的(de)普遍wap網站‌λπ(zhàn)的(de)重要(yào)性便不ε§↕↑(bù)言而喻,如(rú)何才能(néng)在各大(dà)屏↓ε×✔幕不(bù)等的(de)手機(jī)上(shàng)做(zuò)好(hǎ₩•$o)同樣的(de)效果成了(le)網頁設計(jì)制(↕↓ ≈zhì)作(zuò)者的(de)共同要(yào←§≥)求和(hé)能(néng)力的(de)展示,我們知(zhī)道(dà ←o),網頁制(zhì)作(zuò)的(de)語言是(shì‍‍)相(xiàng)通(tōng)的(de)隻是(σ₹​>shì)語法、樣式會(huì)有(yǒu)所改變,所以做(zuò)好(hǎo©σ≥α)以上(shàng)兩點···

    本文(wén)關鍵字:6.12日(rì)"€®¶,音(yīn)訊,wap,網,站(zhàn)的(de),要(yào)求,6→γ'.12日(rì),音(yīn)訊,wap,網

   6.12日(rì)音(yīn)訊,wap網站(zhàn)的(≥≥de)mp要(yào)求。随著(zhe)智能(néng)手機(jī)的(≈$®de)普遍wap網站(zhàn)的(de)重要(yào)性便不(bù)言而喻∞∏₽,如(rú)何才能(néng)在各大(dà)屏幕不(bù)等的(γ"de)手機(jī)上(shàng)做(zuò)好(hǎo)同樣±β的(de)效果成了(le)網頁設計(jì)制(zhì)作(zuò)者•‍的(de)共同要(yào)求和(hé)能(néng)力±★的(de)展示,我們知(zhī)道(dào),網頁制(zhì)作γ✘(zuò)的(de)語言是(shì)相(xiàng₽  ±)通(tōng)的(de)隻是(shì)α©÷語法、樣式會(huì)有(yǒu)所改變,所以做(zuò)好↕∞∏↓(hǎo)以上(shàng)兩點是(shì)基礎,下(xià)&"面邯鄲網站(zhàn)建設首創網絡小(xiǎo)編就(jiù)來(lái)∑&£給大(dà)家(jiā)介紹一(yī)下(xià)相(xiàng)關的(d$¶e)知(zhī)識:

 

  一(yī):XHTMLMP的(de)語Ω≠σ¶法規則

  我們知(zhī)道(dào),我們→σ通(tōng)常用(yòng)電(diàn)腦(nǎo)訪問(wè↕←Ωn)的(de)網站(zhàn)的(de)網頁是(s"γhì)用(yòng)html構建的(de)。類似的(de),現(xiànו)在WAP2.0網站(zhàn)是(shì)用(yòng)XHTMLMP

  構建,以供手持設備的(de)訪問(wèn),如(rú)手機(↔≈≠jī)、PDA等。

  XHTMLMP是(shì)XHTML的(de>≥σβ)子(zǐ)集,因此繼承了(le)它的(de)♦♦& 語法。

  XHTML是(shì)更嚴格和(hé)簡潔的(de<$δ>)HTML版本。現(xiàn)在來(lái)看(kàn)看(kàn)XHTML®'MP的(de)語法規則:

  1:标簽必須正确閉合!

  

XHTMLMP教程段落1

  

XHTMLMPtutorialparagraph2

  

XHTMLMPtutorialparagraph3

  有(yǒu)些(xiē)标簽是(shì)¥∞∞φ不(bù)含內(nèi)容的(de)(開(kāi)始标簽和(≈§ε™hé)結束标簽之間(jiān)的(de)東"γ(dōng)東(dōng),如(rú)上(shàng)面的(de)XHT↑©☆÷MLMPtutorialparagraph1),

  就(jiù)必須用(yòng)這(zhè)種形式:Li↑¶nebreak
。請(qǐng)注意一(yī)定要(yào)加上(shàng∑∏)斜杠

  2:标簽和(hé)屬性都(dōu)必須是(shì)用(yò↕♥✘ng)小(xiǎo)寫

  正确的(de)寫法:

  XHTMLMPtutorialparagrap★Ω☆"h1

  XHTMLMPtutorialparagr↑★£aph2

  XHTMLMPtutorialparagraph3

  3:屬性的(de)值必須放(fàng)置在雙引号內<$(nèi)

  XHTMLMPtutorialparagraph1

  4:不(bù)支持屬性簡寫

  在html中,如(rú)下(xià)寫法是(shì)正确的(d'≥e):

  

  而xhtml中必須這(zhè)樣寫:

  

  下(xià)面再舉一(yī)個(gè)'↔✘例子(zǐ):

  

  

  XHTMLMPTutorialPart2

  

  

  5:标簽的(de)嵌套必須正确

  不(bù)支持标簽的(de)重疊,所以下(xià)面的(de®$©)寫法是(shì)錯(cuò)誤的(de¶ '→)!

  

XHTMLMPtutorialparagraph1

  應該這(zhè)樣子(zǐ)寫:

  

XHTMLMPtutorialparagraph1

  二:XHTMLMP的(de)MIME類型和(hé)文( ₽δwén)件(jiàn)擴展名

  XHTMLMP支持下(xià)面三種MIME類​ 型

  1.application/vnd.wap.<✔₩αxhtml+xml

  2.application/xhtml+xml

  3.text/html

  第一(yī)種類型是(shì)一(yī)些(xiē)wap浏覽♦ 器(qì)所需要(yào)的(de)(如(rú)某些(xiē)諾基亞★$S60浏覽器(qì)),以便正确顯示XHTMLMP文(wén)檔。★♠

  第二種是(shì)XHTML系列文(wén)檔的(¥'de)類型

  第三種是(shì)HTML文(wén)檔的(de)類型α¥。這(zhè)樣用(yòng)IE6就(jiù)可(kě©¥γ☆)以正常浏覽這(zhè)些(xiē)文(wé↔★αn)檔,而如(rú)果遇到(dào)上(shàng)面的(de)兩種類型就♠‌(jiù)會(huì)彈出一(yī)個(gè)對(duìα₽☆&)話(huà)框

  讓你(nǐ)保存這(zhè)些(xiēπ✔)文(wén)檔。

  動态選擇MIME類型

  比如(rú)服務器(qì)端判斷某個(gè)客戶端請(qǐng) $π求可(kě)以處理(lǐ)application/vnd.wap.xhtml+₹★xmlMIME類型,那(nà)所有(yǒu)的(de)XHTMLMP文(wé₽ε♦&n)檔就(jiù)

  都(dōu)使用(yòng)applic''ation/vnd.wap.xhtml+♦πεxmlMIME類型發送給客戶端。

  要(yào)實現(xiàn)這(zhè)個(gδε∞✔è)就(jiù)必須通(tōng)過服務器(qì)端編程,獲取客戶端HTTP∞•β請(qǐng)求的(de)Header值,這(zhè)¥↑裡(lǐ)面的(de)值包含客戶端可(kě)以處理(lǐ)的(de)所有(y<γ&ǒu)MIME類型。

  如(rú)果支持就(jiù)設置XΩ™βHTMLMP的(de)MIME類型為(wèi)application/↑™≈₩vnd.wap.xhtml+xml,如(rú)果支持其它的(↑£de),就(jiù)設置成其它的(de)。

  下(xià)面的(de)例子(zǐ)是®÷$(shì)JSP的(de),但(dàn)是(shì)你(≥π&γnǐ)如(rú)果使用(yòng)其它技(jì)術(sh¶♣ù)的(de)話(huà),原理(lǐ)是→€×★(shì)一(yī)樣的(de),代碼也(yě)是(shì)大(d'>φ₽à)同小(xiǎo)異!

  <%

  StringacceptHeader=request.getHeaα​der("accept");

  if(acceptHeader.indexOf(↑≥φ∏"application/vnd.wap.xhtml+xml")$β!=-1)

  response.setContentType("a♥∞€pplication/vnd.wap.xhtml+xml");

  elseif(acceptHeader.index☆γOf("application/xhtml+xml")!=>₽≠-1)

  response.setContentT♣♦ype("application/xhtφλml+xml");

  else

  response.setContentTyδπ∏€pe("text/html");

  %>

  這(zhè)裡(lǐ)的(de)代碼很(hěn)簡單,我×™就(jiù)不(bù)多(duō)加解釋了(le)!

  文(wén)件(jiàn)的(de)₹€∞擴展名

  靜(jìng)态XHTMLMP文(wén™£∑)檔的(de)典型擴展名包括:.xhtml、.html和(£βhé).htm。當然,你(nǐ)也(yě↔ )可(kě)以使用(yòng)其它擴展名,隻要(y∑→∑™ào)你(nǐ)在

  WAP服務配置文(wén)件(jiàn&σ§)裡(lǐ)面設置清楚就(jiù)OK了(le)。如(rú)果 ✘你(nǐ)要(yào)使用(yòng)服務器(qì)端σ‌✘技(jì)術(shù)(如(rú)JSP、©₽ €PHP、ASP、SSI等),你(nǐ)就(jiù)必須

  使用(yòng)相(xiàng)應的(de)擴展名,如(rú)PHP使用&‌↓(yòng).php,SSI使用(yòng).sh'≈&σtml。

  三:XHTMLMP文(wén)檔結構

  第一(yī)個(gè)例子(zǐ)一(yī)個(gè)典型的(∏‌ ♦de)XHTMLMP文(wén)檔結構

  講解:

  前面的(de)預聲明(míng)不(bù)是(shì¥÷₹)XHTMLMP元素的(de)一(yī)部分(fēn"÷),所以不(bù)必遵守XHTMLMP的(deπ↑•)約定。

  剩下(xià)的(de)內(nèi≠$ )容和(hé)普通(tōng)的(de)htm£φ→l沒有(yǒu)什(shén)麽不(bù)同了(le)。

  記住:XHTMLMP必須包含,,,和(hé)<body>元素。</p> <p>   四:XML聲明(míng)和(hé)字符編碼</p> <p>   <?xmlversion="1.0"encoding="UTF-8"?></p> <p>   所有(yǒu)的(de)XHTMLMP文(wén)檔都(dōu)是(shì)XML文(wén)檔,因此開(kāi)始都(dōu)會(huì)有(yǒu)一(yī)個(gè)XML聲明(míng)。這(zhè)裡(lǐ)也(yě)可(kě)以指定文(wén)檔的(de)字符編碼。</p> <p>   如(rú)果文(wén)檔的(de)字符編碼是(shì)UTF-8orUTF-16的(de)話(huà),其實可(kě)以省略掉。</p> <p>   雖然這(zhè)個(gè)XML聲明(míng)是(shì)可(kě)以省略的(de),但(dàn)是(shì)我們不(bù)建議(yì)這(zhè)麽做(zuò),因此這(zhè)樣可(kě)能(néng)導緻某些(xiē)索愛(ài)的(de)WAP浏覽器(qì)産生(shēng)錯(cuò)誤。</p> <p>   五:DOCTYPE聲明(míng)</p> <p>   聲明(míng)是(shì)必須的(de)。這(zhè)個(gè)聲明(míng)規定了(le)DTD名稱和(hé)URL。這(zhè)個(gè)DTD包含标記語言的(de)語法信息,可(kě)供驗證工(gōng)具驗證你(nǐ)寫的(de)XHTMLMP文(wén)檔的(de)語法正确性。</p> <p>   這(zhè)些(xiē)驗證工(gōng)具集成在很(hěn)多(duō)IDE中了(le)。</p> <p>   六:各标記簡析</p> <p>   <html>是(shì)XHTMLMP的(de)根标記。目前,該标記的(de)xmlns屬性隻能(néng)是(shì)http://www.w3.org/1999/xhtml這(zhè)個(gè)值,這(zhè)個(gè)用(yòng)來(lái)保證</p> <p>   嚴格遵守XHTMLMP标準。但(dàn)是(shì)即使缺失了(le)這(zhè)個(gè)标記,大(dà)部分(fēn)浏覽器(qì)還(hái)是(shì)能(néng)正常顯示頁面。</p> <p>   <head>标記用(yòng)來(lái)存放(fàng)關于文(wén)檔本身(shēn)的(de)信息。比如(rú)<title>和(hé)<link>,還(hái)有(yǒu)<meta>,這(zhè)幾個(gè)标記的(de)功能(néng)和(hé)在傳統的(de)html裡(lǐ)面的(de)功能(néng)是(shì)一(yī)樣的(de)!</p> <p>   這(zhè)裡(lǐ)不(bù)再廢話(huà)了(le)。</p> <p>   還(hái)有(yǒu)<body>标記也(yě)不(bù)重複解釋了(le)。</p> <p>   <p>标記的(de)text-align屬性已經被取消了(le),你(nǐ)可(kě)以在css中定義實現(xiàn)這(zhè)個(gè)功能(néng),如(rú):</p> <p>   p{</p> <p>   text-align:right</p> <p>   }</p> <p>   七:XHTMLMP的(de)Metadata</p> <p>   先看(kàn)下(xià)面的(de)例子(zǐ):</p> <p>   <head></p> <p>   <title>XHTMLMPTutorial

  

  

  WAP浏覽器(qì)會(huì)自(zì)動  ✘↕忽略你(nǐ)自(zì)定義的(de)meta屬性(它不(↓σbù)會(huì)顯示在你(nǐ)的(de)頁面中↑<>π),如(rú)這(zhè)裡(lǐ)的(de)name,這ε∑δ(zhè)并不(bù)會(huì)對(duì)你(nǐ)的(dβ↔ ↓e)頁面的(de)界面有(yǒu)任何影(≤Ω≈¶yǐng)響。

  八:XHTMLMP的(de)緩存控制(zhì)

  這(zhè)裡(lǐ)的(de)緩存就(jiù)是(shì)•★♣α客戶端用(yòng)來(lái)臨時(shí)存儲XHTML文(wén)檔的(β £de)空(kōng)間(jiān),如(rú)果浏覽器(qì)€∑發現(xiàn)緩存裡(lǐ)面有(yǒu)這(zhè®∏)個(gè)頁面了(le)而且沒有(yǒu)過期,那(nà)它"≠≤↔就(jiù)

  直接顯示這(zhè)個(gè)頁面,而不(bù)™♥需要(yào)再次聯網下(xià)載,這(zhè)樣節省了(le)時(λ ₩σshí)間(jiān)。

  當然,你(nǐ)可(kě)以禁止緩存,你(nǐ)可(k✔ε <ě)以這(zhè)樣做(zuò):

  

  XHTMLMPTutorial

  

  

  上(shàng)面的(de)也(yě)可(kě)以這(zhèε±§)樣寫:

  如(rú)果你(nǐ)要(yào)設置緩存時(s​©←hí)間(jiān)是(shì)300秒(miǎo)的(de ☆$)話(huà),可(kě)以這(zhè)麽做(zuò):

  

  XHTMLMPTutorial

  

  

  還(hái)要(yào)注意的(de)一(yī)點是(shì),∞λ★上(shàng)面的(de)設置和(hé)所用(yòng)的(de)設備是(©α‌βshì)有(yǒu)關系的(de)。有(yǒu)些(xiē)wap浏覽器<♣ (qì)是(shì)沒有(yǒu)緩存的→→♥(de),所以你(nǐ)設置了(le)也(yě)未必 ≤§能(néng)起到(dào)作(zuò)用(yòng)。

  面對(duì)這(zhè)種情況,更好(hǎo‍★∑)的(de)方法是(shì)通(tōng)過服務器(qì)端編程技(jì‍®δ✔)術(shù)設置HTTPheader和(hé)HTTPresp↕>♣©onse。

  九:XHTMLMP的(de)定時(shí)刷新

  

  XHTMLMPTutorial

  

  

  

  上(shàng)面的(de)代碼讓頁面每隔15秒(miǎ× ₽o)刷新一(yī)次!

  注意:必須包含這(zhè)句:

  如(rú)果沒有(yǒu)的(de)話(huà),€​那(nà)可(kě)能(néng)刷新後隻是(shì)看(kàn)到(×÷dào)緩存中的(de)副本,并沒有(yǒu)重新從(c¶♥≈óng)服務器(qì)下(xià)載頁面。

  還(hái)有(yǒu)一(yī)個(gè)用(yòng)法就(ji§★πù)是(shì)用(yòng)來(lái)URL自(zì)動跳(tiào)轉£$£',例子(zǐ)如(rú)下(xià):

  需要(yào)注意的(de)是(shì), "≠✔不(bù)是(shì)所有(yǒu)浏覽器(qì)都(dōuφ©₽→)支持refresh,如(rú):諾基亞浏覽器(qì)4.0和(hé)E ∏≥αricssonT610和(hé)T68i

  不(bù)過,阿佛使用(yòng)的(de)WindσαowsMobile手機(jī)是(shì≈✔)支持的(de),所以推薦使用(yòng)。

  随著(zhe)智能(néng)手機(jī)的(α♥de)降價,上(shàng)面的(de)那(n★αà)些(xiē)不(bù)支持的(de)也(yě)★‍÷很(hěn)快(kuài)要(yào)淘汰了(le)吧(ba)。

  十:注釋

  和(hé)html的(de)一(yī)樣啦:

  

  十一(yī):換行(xíng)

  
,例子(zǐ):

  

  

  Line1

  Line2

  Line3

  

  

  十二:


标記

  這(zhè)個(gè)标記會(huì)給你(nǐ)的(de←±₽)頁面添加一(yī)條水(shuǐ)平線♦♦。注意:

  這(zhè)個(gè)标記不(bù)能ε₹×(néng)在

标記之間(jiān)使用(yòng)!!!

  例子(zǐ):

  

  

  TableofContents:

  

  


  

  Part1XHTMLMPIntroductioλ±n

  Part2DevelopmentofWirele♠♦≥±ssMarkupLanguages

  Part3AdvantagesofXHTMLMP

  Part4WMLFeaturesLostinXHTMLMP

  

  

  十三:标題标記

  

,

,

,

,

,和(hé)

  浏覽器(qì)将以不(bù)同的(de)大(dà)小(xiǎ£★o)顯示置于此标記中的(de)文(wén)字,具體¥™(tǐ)效果你(nǐ)可(kě)以測試下(xià)面的®×£(de)代碼:

  

  

Level1Heading

  

Level2Heading

  

Level3Heading

  

Level4Heading

  

Level5Heading

  

Level6Heading

  

  十四:文(wén)字樣式

  首先聲明(míng)的(de)是(sh÷∑ì)有(yǒu)些(xiē)浏覽器(qì)并不(b×≥‌ù)支持XHTMLMP支持的(de)标記。

  例子(zǐ):

  

  

  Bold

  Italic

  Bolditalic

  Small

  Big

  Emphasis

  Strong

  

  

  你(nǐ)還(hái)可(kě)以通(tōng)過WAPCSλ∑S進行(xíng)更精确的(de)控制(zhì),比如(♦₹≥rú)把文(wén)字大(dà)小(xiǎo)設置為(wèi)12pt。

  更多(duō)關于WAPCSS的(de)信息請(qǐng©&)訪問(wèn):(下(xià)面将不(bù)再重複聲明(míng)∞✔)

  十五:預格式文(wén)本

  在XHTMLMP中,段落中的(de★∏'×)多(duō)個(gè)空(kōng)格在手持設備®‍ε中顯示時(shí)隻顯示為(wèi)一(yī)個(gè)空(kōng)格。'★"α請(qǐng)看(kàn)下(xià)面的(de)例子(zǐ"∏✔★):

  

  

Hello,welcome

  to

  our

  XHTMLMPtutorial.

  

  為(wèi)了(le)能(néng)夠$£保持你(nǐ)希望的(de)格式,可(kě)以使用(yòng)

标簽:

  

  

Hello,welcome

  to

  our

  XHTMLMPtutorial.

  

  這(zhè)樣最後顯示的(de)格式就(jiù)和(®₹‍ hé)上(shàng)面代碼中排列的(de)一€<©↓(yī)樣了(le)。

  十六:列表标簽

  使用(yòng)