網(wǎng)站移動端建設(shè)基礎(chǔ)教程

現(xiàn)在很多人都是通過手機移動端訪問一些頁面，包括頁面的一些操作，今天小編和大家分享下移動端網(wǎng)頁開發(fā)基礎(chǔ)教程經(jīng)驗，希望對大家有所幫助。
1.手機網(wǎng)頁編碼需要遵循什么規(guī)范？遵循XHTML Mobile Profile規(guī)范（WAP-277-XHTMLMP-20011029-a.pdf），簡稱為XHTML MP，也就是通常說的WAP2.0規(guī)范。 XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設(shè)計的。它以XHTML Basic為基礎(chǔ)，加入了一些來自XHTML 1.0的元素和屬性。這些內(nèi)容包括一些其他元素和對內(nèi)部樣式表的支持。和XHTML Basic相同，XHTML MP是嚴(yán)格的XHTML 1.0子集。
2.網(wǎng)頁文檔推薦使用擴展名？推薦命名為xhtml，按WAP2.0的規(guī)范標(biāo)準(zhǔn)寫成html/htm等也是可以的。但少數(shù)手機對html支持的不好。為什么現(xiàn)今大多數(shù)的網(wǎng)站一行字?jǐn)?shù)上限為14個中文字符？由于手持設(shè)備的特殊性，其頁面中實際文字大小未必是我們在CSS中設(shè)定的文字大小，尤其是在第三方瀏覽器中。例如Nokia5310，其內(nèi)置瀏覽器 頁面內(nèi)文字大小與CSS設(shè)定相符，但是第三方瀏覽器OperaMini與UCWEB頁面內(nèi)文字大小卻大于CSS設(shè)定。經(jīng)測試，其文本大概在16px左右。 假如屏幕分辨率寬度為240px，去除外邊距，那么其一行顯示14個字以內(nèi)，是比較保險（避免文本換行）的做法。
3.使用WCSS還是CSS?WCSS (WAP Cascading Style Sheet 或稱 WAP CSS)是移動版本的CSS樣式表。它是CSS2的一個子集，去掉了一些不適于移動互聯(lián)網(wǎng)特性的屬性，并加入一些具有WAP特性的擴展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，這些特殊的屬性擴展并不是很實用，所以在實際的項目開發(fā)當(dāng)中，不推薦使用WCSS特有的屬性。
4.避免空值屬性：如果屬性值為空，在web頁面中是完全沒有問題的，但是在大部分手機網(wǎng)頁上會報錯。
5.網(wǎng)頁大小限制：建議低版本頁面不超過15k，高版本頁面不超過60k。用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜？有條件的話，我們當(dāng)然建議在手機實體上進行測試，因為目標(biāo)客戶群的手機設(shè)備總是在不斷變化的，這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況，比如圖片色彩，頁面大小限制等就很難再模擬器上測試出來。當(dāng)然，一些第三方手機瀏覽器的在線模擬器還是可以進行測試的，第三方瀏覽器相對來說受手機設(shè)備的影響較小。

當(dāng)前題目：網(wǎng)站移動端建設(shè)基礎(chǔ)教程
本文路徑：http://muchs.cn/news8/52008.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、電子商務(wù)、網(wǎng)站設(shè)計、動態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)