網站移動端建設基礎教程

　　現在很多人都是通過手機移動端訪問一些頁面，包括頁面的一些操作，今天小編和大家分享下移動端網頁開發基礎教程經驗，希望對大家有所幫助。

　　1.手機網頁編碼需要遵循什么規范？遵循XHTML Mobile Profile規范（WAP-277-XHTMLMP-20011029-a.pdf），簡稱為XHTML MP，也就是通常說的WA

　　2.0規范。 XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設計的。它以XHTML Basic為基礎，加入了一些來自XHTML

　　1.0的元素和屬性。這些內容包括一些其他元素和對內部樣式表的支持。和XHTML Basic相同，XHTML MP是嚴格的XHTML

　　1.0子集。

　　2.網頁文檔推薦使用擴展名？推薦命名為xhtml，按WA

　　2.0的規范標準寫成html/htm等也是可以的。但少數手機對html支持的不好。為什么現今大多數的網站一行字數上限為14個中文字符？由于手持設備的特殊性，其頁面中實際文字大小未必是我們在CSS中設定的文字大小，尤其是在第三方瀏覽器中。例如Nokia5310，其內置瀏覽器 頁面內文字大小與CSS設定相符，但是第三方瀏覽器OperaMini與UCWEB頁面內文字大小卻大于CSS設定。經測試，其文本大概在16px左右。 假如屏幕分辨率寬度為240px，去除外邊距，那么其一行顯示14個字以內，是比較保險（避免文本換行）的做法。

　　3.使用WCSS還是CSS？WCSS (WAP Cascading Style Sheet 或稱 WAP CSS)是移動版本的CSS樣式表。它是CSS2的一個子集，去掉了一些不適于移動互聯網特性的屬性，并加入一些具有WAP特性的擴展（如-wap-input-format/-wap-input-required/display：-wap-marquee等）。 需要留意的是，這些特殊的屬性擴展并不是很實用，所以在實際的項目開發當中，不推薦使用WCSS特有的屬性。

　　4.避免空值屬性：如果屬性值為空，在web頁面中是完全沒有問題的，但是在大部分手機網頁上會報錯。

　　5.網頁大小限制：建議低版本頁面不超過15k，高版本頁面不超過60k。用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜？有條件的話，我們當然建議在手機實體上進行測試，因為目標客戶群的手機設備總是在不斷變化的，這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況，比如圖片色彩，頁面大小限制等就很難再模擬器上測試出來。當然，一些第三方手機瀏覽器的在線模擬器還是可以進行測試的，第三方瀏覽器相對來說受手機設備的影響較小。