現(xiàn)在很多人都是通過手機(jī)移動端訪問一些頁面，包括頁面的一些操作，今天小編和大家分享下移動端網(wǎng)頁開發(fā)基礎(chǔ)教程經(jīng)驗，希望對大家有所幫助。
1.手機(jī)網(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)頁文檔推薦使用擴(kuò)展名？推薦命名為xhtml，按wap2.0的規(guī)范標(biāo)準(zhǔn)寫成html/htm等也是可以的。但少數(shù)手機(jī)對html支持的不好。為什么現(xiàn)今大多數(shù)的網(wǎng)站一行字?jǐn)?shù)上限為14個中文字符？由于手持設(shè)備的特殊性，其頁面中實(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特性的擴(kuò)展（如-wap-input-format/-wap-input-required/display:-wap-marquee等）。 需要留意的是，這些特殊的屬性擴(kuò)展并不是很實(shí)用，所以在實(shí)際的項目開發(fā)當(dāng)中，不推薦使用wcss特有的屬性。
4.避免空值屬性：如果屬性值為空，在web頁面中是完全沒有問題的，但是在大部分手機(jī)網(wǎng)頁上會報錯。
5.網(wǎng)頁大小限制：建議低版本頁面不超過15k，高版本頁面不超過60k。用手機(jī)模擬器和第三方手機(jī)瀏覽器的在線模擬器來測試頁面是不是靠譜？有條件的話，我們當(dāng)然建議在手機(jī)實(shí)體上進(jìn)行測試，因為目標(biāo)客戶群的手機(jī)設(shè)備總是在不斷變化的，這些手機(jī)模擬器通常不能完全正確的模擬頁面在手機(jī)上的顯示情況，比如圖片色彩，頁面大小限制等就很難再模擬器上測試出來。當(dāng)然，一些第三方手機(jī)瀏覽器的在線模擬器還是可以進(jìn)行測試的，第三方瀏覽器相對來說受手機(jī)設(shè)備的影響較小。


煙臺到上海物流專線
揚(yáng)州到瓊海物流專線
泰州到遼陽物流專線
如何在網(wǎng)上找一家專業(yè)網(wǎng)站制作公司
贛州到嘉興物流專線
如何設(shè)計極簡主義的網(wǎng)站界面
推薦10個堪稱神器的小程序
設(shè)計網(wǎng)站一般是什么價格？