創(chuàng)新互聯(lián)為你關(guān)于：wap網(wǎng)站設(shè)計(jì)規(guī)范及wap網(wǎng)站設(shè)計(jì)欣賞的文章，簡單的闡述幾個wap網(wǎng)站設(shè)計(jì)規(guī)范和一則wap網(wǎng)站設(shè)計(jì)欣賞案例。

1. 手機(jī)瀏覽器兼容性測試結(jié)果XHTML部分

大多數(shù)手機(jī)不支持的：屬性：disable;標(biāo)簽button，iframe;即使有些手機(jī)不支持這些屬性和標(biāo)簽，是因?yàn)閐isable屬性與標(biāo)簽button，iframe在頁面中通常具有重要的功能，它們歸類高危標(biāo)簽，要慎使用哦。少數(shù)手機(jī)不支持的： “select”標(biāo)簽：此標(biāo)簽若被賦予比較復(fù)雜的CSS屬性，可能會導(dǎo)致顯示不正常，例如”vertical-align:middle”。

1.2 CSS部分

大多數(shù)手機(jī)不支持的：“font-family:bold;” 和“font-style: italic;”，對漢字無效，但對英文是有效的;“font-size”屬性是太小像素看不出有什么差別，除非像素很大（比如18px）; “white-space/word-wrap”屬性是不能強(qiáng)制換行; 還有不支持的“background-position”屬性;“position”屬性; “overflow”屬性;“display”屬性;“min-height”和”min-weidth”屬性;

有些手機(jī)不支持的有 height，還有莫名的是我們在測試時，很少手機(jī)不支持”width”屬性; “pading”屬性; “margin”屬性，更多的手機(jī)不支持”margin”的負(fù)值。 少數(shù)手機(jī)對CSS完全不支持。

1.3 JAVASCRIPT部分

該測試是相對不那么瘋狂，或者直接就不支持，若支持的話，對基本的dom操作基本支持。不過我們沒有測試國內(nèi)非常復(fù)雜的腳本。在我們測試的手機(jī)，支持(包括不完全支持JavaScript)約一半比例的手機(jī)，當(dāng)然，對于我們來說，最重要的不是比例，而是如何做好優(yōu)雅降級JavaScript。

1.4 其他

圖片規(guī)則是，盡可能的用jpg格式的圖片和gif格式的圖片;最好不要有平滑漸變的bar設(shè)計(jì);有些手機(jī)對于過大圖片，不僅不能進(jìn)行縮放，也不顯示橫下滾動條;很少手機(jī)運(yùn)行內(nèi)存不足，在打開超過20k的測試頁面的情況下;

2. 開發(fā)中需要注意的問題,手機(jī)網(wǎng)頁編碼需要遵循的規(guī)范

遵循XHTML移動配置規(guī)范，簡稱XHTML MP，這就是通常所說的wap2.0標(biāo)準(zhǔn)。xhtmlmp是不由客戶端支持XHTML和有限的資源，所有的設(shè)計(jì)特點(diǎn)。它是基于XHTML基礎(chǔ)，從XHTML 1加入一些元素和屬性。這些包括一些其他元素和支持的內(nèi)部樣式表。XHTML XHTML MP是基本相同的，嚴(yán)格的XHTML 1.0子集。

3.wap2.0設(shè)計(jì)原則

在頁面上提供足夠的信息，第一個屏幕常用的導(dǎo)航鏈接，搜索域，登錄屏幕，和大量的信息;形式的相互作用來簡短。提供反饋給用戶的動作，對用戶操作的錯誤問題情況要提供正確的反饋。每幅圖像都是要求減少頁面的速度，和內(nèi)容可能會重新排序，占用時間和資源，同一圖片的總規(guī)劃。定義圖像的高度和寬度屬性，定義占位符，改善用戶體驗(yàn)。

4. wap網(wǎng)站的標(biāo)準(zhǔn)設(shè)計(jì)寬度

說到寬度是五花八門了，那標(biāo)準(zhǔn)寬度就是100%。

PC端網(wǎng)站與wap網(wǎng)站設(shè)計(jì)欣賞

創(chuàng)新互聯(lián)還有更多的響應(yīng)式網(wǎng)站建設(shè)與手機(jī)官方網(wǎng)站制作。

分享文章：wap網(wǎng)站設(shè)計(jì)規(guī)范及wap網(wǎng)站設(shè)計(jì)欣賞
文章路徑：http://www.2m8n56k.cn/news32/164382.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

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