網站移動端建設基礎教程
2016-10-17 分類： 網站建設
現在很多人都是通過手機移動端訪問一些頁面，包括頁面的一些操作，今天小編和大家分享下移動端網頁開發基礎教程經驗，希望對大家有所幫助。
1.手機網頁編碼需要遵循什么規范？遵循XHTML Mobile Profile規范（WAP-277-XHTMLMP-20011029-a.pdf），簡稱為XHTML MP，也就是通常說的WAP2.0規范。 XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設計的。它以XHTML Basic為基礎，加入了一些來自XHTML 1.0的元素和屬性。這些內容包括一些其他元素和對內部樣式表的支持。和XHTML Basic相同，XHTML MP是嚴格的XHTML 1.0子集。
2.網頁文檔推薦使用擴展名？推薦命名為xhtml，按WAP2.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。用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜？有條件的話，我們當然建議在手機實體上進行測試，因為目標客戶群的手機設備總是在不斷變化的，這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況，比如圖片色彩，頁面大小限制等就很難再模擬器上測試出來。當然，一些第三方手機瀏覽器的在線模擬器還是可以進行測試的，第三方瀏覽器相對來說受手機設備的影響較小。
1.手機網頁編碼需要遵循什么規范？遵循XHTML Mobile Profile規范（WAP-277-XHTMLMP-20011029-a.pdf），簡稱為XHTML MP，也就是通常說的WAP2.0規范。 XHTMLMP是為不支持XHTML的全部特性且資源有限的客戶端所設計的。它以XHTML Basic為基礎，加入了一些來自XHTML 1.0的元素和屬性。這些內容包括一些其他元素和對內部樣式表的支持。和XHTML Basic相同，XHTML MP是嚴格的XHTML 1.0子集。
2.網頁文檔推薦使用擴展名？推薦命名為xhtml，按WAP2.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。用手機模擬器和第三方手機瀏覽器的在線模擬器來測試頁面是不是靠譜？有條件的話，我們當然建議在手機實體上進行測試，因為目標客戶群的手機設備總是在不斷變化的，這些手機模擬器通常不能完全正確的模擬頁面在手機上的顯示情況，比如圖片色彩，頁面大小限制等就很難再模擬器上測試出來。當然，一些第三方手機瀏覽器的在線模擬器還是可以進行測試的，第三方瀏覽器相對來說受手機設備的影響較小。
新聞名稱：網站移動端建設基礎教程
鏈接地址：http://m.kartarina.com/news/52008.html
成都網站建設公司_創新互聯，為您提供營銷型網站建設、網站排名、外貿建站、品牌網站建設、定制開發、Google
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 成都網站的開發有哪些基本的流程呢？ 2016-10-16
- 網建公司的網站最能體現公司水平 2016-10-16
- 制作一個網站需要多久時間 2016-10-16
- 建設網站需要做什么 2016-10-16
- 成都建站如何選擇好的公司 2016-10-16
- 成都建站網站公司必備的要素 2016-10-16
- 企業官網怎么建設 2016-10-17
- 網站模板建設如何選擇 2016-10-17
- 為什么要建設企業官網 2016-10-16
- 公司為什么要弄官網建設 2016-10-16
- ?找對網建公司不容易 2016-10-16
- 產品展示型網站如何制作 2016-10-16
- 成都建站有哪些自助平臺 2016-10-16
- 成都品牌型網站如何建設 2016-10-16
- 成都企業站建設的流程 2016-10-16
- 如何選擇建站服務公司 2016-10-16
- 成都建設網站如何建個人網站？ 2016-10-16
- 企業官網制作流程 2016-10-16
- 企業建網站怎么做到恰到好處 2016-10-16