|
|
最佳實踐清單
最近在翻譯W3C的這個最佳實踐建議文檔，為方便起見，將以下最佳實踐清單放到此處討論，以后文章會以主題形式發(fā)布，以下主題將會添加詳情鏈接：
[主題一致性]確保內(nèi)容在被不同設(shè)備訪問時，能有連貫的用戶體驗。
[ 功能 ]利用設(shè)備能力，以提供增強的用戶體驗。
[ 缺陷 ]采取合理的步驟來解決不足的實現(xiàn)。
[ 測試 ]在實際設(shè)備以及模擬器上完成測試。
[ 統(tǒng)一資源定位符(URIs) ]保證站點入口URI的簡短。
[導(dǎo)航欄 ]在頁面頂部提供且僅提供最小的導(dǎo)航。
[ 平衡 ]'重視在鏈接數(shù)量'和'希望用戶能鏈接中找到他們想要的'之間的平衡。
[ 導(dǎo)航 ]提供一致的導(dǎo)航機制。
[快捷鍵]為導(dǎo)航菜單和頻繁訪問的功能分配快捷鍵。
[鏈接目標(biāo)ID(LINK_TARGET_ID)]明確確定每個鏈接的目標(biāo)。
[鏈接目標(biāo)格式]注意目標(biāo)文檔的格式，除非您知道該設(shè)備支持它。
[圖片映射(IMAGE_MAPS)]不要使用影像映射，除非您知道設(shè)備能對其提供有效的支持。
[彈出窗口]不要產(chǎn)生彈出式窗口或其他窗口出現(xiàn)，不更改當(dāng)前窗體，除非事先提醒用戶。
[自動刷新]不要建立定期自動刷新頁面，除非您已通知用戶，并提供了停止的方法。
[ 重定向 ]不要使用標(biāo)記來自動重定向頁面。相反，通過配置服務(wù)器執(zhí)行重定向，使用3xx系列的HTTP代碼。
[外部資源]保持外部鏈接資源減少到最低限度。
[ 明晰 ]使用簡單明了的語言。
[ 有限度 ]根據(jù)用戶請求控制內(nèi)容。
[頁面尺寸可用性]將頁面切割成可用但是有限大小(盡量小)的部分。
[頁面大小限定]確保了頁面的整體規(guī)模是適合設(shè)備的內(nèi)存限制的。
[ 滾動 ]只向一個方向滾動，除非次要滾動無法避免。
[中心思想]確保材料接近于中心思想優(yōu)先于非中心思想的材料。
[間距圖形]不要使用間距的圖形。
[大字符]不要使用不能由設(shè)備呈現(xiàn)的圖像。避免使用大的或者高分辨率的圖片，除了會丟失關(guān)鍵信息的情況。
[色彩的使用]確保信息在彩色和黑白色情況下都能夠被有效傳達。
[色彩對比度]確保前景色和背景色組合提供足夠的對比度。
[背景圖片可讀性]當(dāng)使用背景圖片時，確保內(nèi)容仍然在設(shè)備上的可讀性。
[頁面標(biāo)題]提供一個簡短但描述網(wǎng)頁的標(biāo)題。
[無框架]不要使用框架。
[ 結(jié)構(gòu) ]使用標(biāo)記語言的邏輯功能，顯示文檔結(jié)構(gòu)。
[表格支持]不要使用表格，除非確定該設(shè)備支持表格。
[表格嵌套]不要使用嵌套的表格。
[表格布局]不要使用布局表格。
[表格替代]如果可能，使用替代表格形式呈現(xiàn)。
[ 非文本元素替換]為非文本元素提供一個替代文本。
[對象或腳本]不要依賴于嵌入的對象或腳本。
[設(shè)定圖片大小]在標(biāo)記中指定的圖像的大小，如果他們有固定的大小。
[有效標(biāo)記]創(chuàng)建的文檔符合正式發(fā)表的驗證語法。
[ 測量 ]不要使用像素計量，并且避免在標(biāo)記語言中的屬性值和級聯(lián)樣式屬性值中使用絕對單位。
[樣式表的使用]使用樣式表來控制編排和版面設(shè)計，除非已知設(shè)備不支持他們。
[樣式表的支持]整理文檔，以便必要時他們可能不讀取樣式表。
[樣式表大小]保持樣式表盡量小。
[ 最小大小 ]使用簡潔，高效的標(biāo)記。
[內(nèi)容格式化支持]發(fā)送被公認是由設(shè)備支持的格式內(nèi)容。
[內(nèi)容的首選格式]如果可能的話，發(fā)送的首選格式的內(nèi)容。
[字符編碼支持]確保內(nèi)容使用的字符編碼是已知的設(shè)備支持的。
[字符編碼的使用]在應(yīng)答中指明所使用的字符編碼。
[錯誤消息]提供有用的錯誤信息和從錯誤信息導(dǎo)航到有用信息的途徑。
[ COOKIES ]不要依賴于可用的Cookie。
[ 緩存 ]提供緩存的HTTP響應(yīng)信息。
[ 字體 ]不要依賴于相關(guān)的字體樣式的支持。
[盡量少的按鍵]保持按鍵的數(shù)目減少到最低。
[避免自定義文本]盡可能的避免自定義文本( free text)。
[提供默認值]盡可能提供預(yù)先選定的默認值。
[默認輸入模式]指定一個默認的文字輸入模式，語言和/或輸入格式，如果該設(shè)備是眾所周知的支持。
[TAB鍵順序]在控件和對象上通過鏈接創(chuàng)建一個邏輯順序。
[控件標(biāo)簽]適度而明確的為所有窗體控件設(shè)置標(biāo)簽和關(guān)聯(lián)標(biāo)簽。
[控件位置]位置標(biāo)簽，為其關(guān)聯(lián)的空間設(shè)置適當(dāng)?shù)牟季帧?/span>
Quoted from 【W3C】
另外，推薦使用W3C的MobileOK Checker進行移動有好度測試，MobileOK相關(guān)標(biāo)準與與本文最佳實踐是一致的。
it知識庫：移動Web最佳實踐1.0，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
