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