一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

移動Web最佳實踐1.0

最佳實踐清單

最近在翻譯W3C的這個最佳實踐建議文檔,為方便起見,將以下最佳實踐清單放到此處討論,以后文章會以主題形式發布,以下主題將會添加詳情鏈接:

  1. [主題一致性]確保內容在被不同設備訪問時,能有連貫的用戶體驗。

  2. [ 功能 ]利用設備能力,以提供增強的用戶體驗。

  3. [ 缺陷 ]采取合理的步驟來解決不足的實現。

  4. [ 測試 ]在實際設備以及模擬器上完成測試。

  5. [ 統一資源定位符(URIs) ]保證站點入口URI的簡短。

  6. [導航欄 ]在頁面頂部提供且僅提供最小的導航。

  7. [ 平衡 ]'重視在鏈接數量'和'希望用戶能鏈接中找到他們想要的'之間的平衡。

  8. [ 導航 ]提供一致的導航機制。

  9. [快捷鍵]為導航菜單和頻繁訪問的功能分配快捷鍵。

  10. [鏈接目標ID(LINK_TARGET_ID)]明確確定每個鏈接的目標。

  11. [鏈接目標格式]注意目標文檔的格式,除非您知道該設備支持它。

  12. [圖片映射(IMAGE_MAPS)]不要使用影像映射,除非您知道設備能對其提供有效的支持。

  13. [彈出窗口]不要產生彈出式窗口或其他窗口出現,不更改當前窗體,除非事先提醒用戶。

  14. [自動刷新]不要建立定期自動刷新頁面,除非您已通知用戶,并提供了停止的方法。

  15. [ 重定向 ]不要使用標記來自動重定向頁面。相反,通過配置服務器執行重定向,使用3xx系列的HTTP代碼。

  16. [外部資源]保持外部鏈接資源減少到最低限度。

  17. [ 適合 ]確保內容適合在移動情況下使用。

  18. [ 明晰 ]使用簡單明了的語言。

  19. [ 有限度 ]根據用戶請求控制內容。

  20. [頁面尺寸可用性]將頁面切割成可用但是有限大小(盡量小)的部分。

  21. [頁面大小限定]確保了頁面的整體規模是適合設備的內存限制的。

  22. [ 滾動 ]只向一個方向滾動,除非次要滾動無法避免。

  23. [中心思想]確保材料接近于中心思想優先于非中心思想的材料。

  24. [間距圖形]不要使用間距的圖形。

  25. [大字符]不要使用不能由設備呈現的圖像。避免使用大的或者高分辨率的圖片,除了會丟失關鍵信息的情況。

  26. [色彩的使用]確保信息在彩色和黑白色情況下都能夠被有效傳達。

  27. [色彩對比度]確保前景色和背景色組合提供足夠的對比度。

  28. [背景圖片可讀性]當使用背景圖片時,確保內容仍然在設備上的可讀性。

  29. [頁面標題]提供一個簡短但描述網頁的標題。

  30. [無框架]不要使用框架。

  31. [ 結構 ]使用標記語言的邏輯功能,顯示文檔結構。

  32. [表格支持]不要使用表格,除非確定該設備支持表格。

  33. [表格嵌套]不要使用嵌套的表格。

  34. [表格布局]不要使用布局表格。

  35. [表格替代]如果可能,使用替代表格形式呈現。

  36. [ 非文本元素替換]為非文本元素提供一個替代文本。

  37. [對象或腳本]不要依賴于嵌入的對象或腳本。

  38. [設定圖片大小]在標記中指定的圖像的大小,如果他們有固定的大小。

  39. [圖片大小]服務器上調整圖片大小,如果他們有一個固定的大小。

  40. [有效標記]創建的文檔符合正式發表的驗證語法。

  41. [ 測量 ]不要使用像素計量,并且避免在標記語言中的屬性值和級聯樣式屬性值中使用絕對單位。

  42. [樣式表的使用]使用樣式表來控制編排和版面設計,除非已知設備不支持他們。

  43. [樣式表的支持]整理文檔,以便必要時他們可能不讀取樣式表。

  44. [樣式表大小]保持樣式表盡量小。

  45. [ 最小大小 ]使用簡潔,高效的標記。

  46. [內容格式化支持]發送被公認是由設備支持的格式內容。

  47. [內容的首選格式]如果可能的話,發送的首選格式的內容。

  48. [字符編碼支持]確保內容使用的字符編碼是已知的設備支持的。

  49. [字符編碼的使用]在應答中指明所使用的字符編碼。

  50. [錯誤消息]提供有用的錯誤信息和從錯誤信息導航到有用信息的途徑。

  51. [ COOKIES ]不要依賴于可用的Cookie。

  52. [ 緩存 ]提供緩存的HTTP響應信息。

  53. [ 字體 ]不要依賴于相關的字體樣式的支持。

  54. [盡量少的按鍵]保持按鍵的數目減少到最低。

  55. [避免自定義文本]盡可能的避免自定義文本( free text)。

  56. [提供默認值]盡可能提供預先選定的默認值。

  57. [默認輸入模式]指定一個默認的文字輸入模式,語言和/或輸入格式,如果該設備是眾所周知的支持。

  58. [TAB鍵順序]在控件和對象上通過鏈接創建一個邏輯順序。

  59. [控件標簽]適度而明確的為所有窗體控件設置標簽和關聯標簽。

  60. [控件位置]位置標簽,為其關聯的空間設置適當的布局。

Quoted from 【W3C

另外,推薦使用W3C的MobileOK Checker進行移動有好度測試,MobileOK相關標準與與本文最佳實踐是一致的。  

it知識庫移動Web最佳實踐1.0,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产在线播 | 日韩在线 中文字幕 | 成年网站未满十八禁毛片免费 | 日本乱理伦中文三区 | 中文字幕精品视频在线观看 | 国产精品精品视频 | 2022久久免费精品国产72精品 | 狠狠综合久久久综合 | 人人添人人澡人人澡人人人人 | 手机在线观看亚洲国产精品 | 欧美一区二区三区婷婷月色 | 国产精品成人观看视频免费 | 国产精品福利无圣光一区二区 | 久久不卡一区二区三区 | 免费国产成人高清视频网站 | 欧美xxxxxxxx| 国产精品香蕉成人网在线观看 | 久久精品视频5 | 毛片午夜 | 国产精品成人一区二区 | 天天干天天干天天天天天天爽 | 激情影院免费看 | 久久婷婷国产麻豆91天堂 | 日本人妖系列 | 色婷婷影院在线视频免费播放 | 婷婷网五月天天综合天天爱 | 最新精品亚洲成a人在线观看 | 天天插天天爽 | 国产一区二区视频免费 | 亚洲国产成人久久一区www | 午夜在线观看视频 | 日日噜噜夜夜躁躁狠狠 | 亚洲一区二区三区在线视频 | 国产三级麻豆 | 日本高清中文字幕一区二区三区 | 色爱区综合激月婷婷激情五月 | 婷婷综合激情五月中文字幕 | 精品一精品国产一级毛片 | 在线视频精品免费 | 一区小说二区另类小说三区图 | 乱码一区二区三区完整视频 |