W3C近日發布兩項標準,分別是「 XHTML Basic 1.1 」 及「行動Web 最佳實務1.0 」。這兩項標準皆針對行動Web,其中,XHTML Basic 1.1 是W3C 建議的行動Web 置標語言。
XHTML Basic 1.1
移動置標語言有眾多分支,XHTML Basic 1.1 的發布,為行動置標語言提供了一個標準, XHTML Basic 1.1 包含以下新功能:
- 新增XHTML 表單
- 新增內建事件
- li 物件新增value 屬性
- 新增target 屬性
- 新增style 物件
- 新增style 屬性
- 新增XHTML 展示模組
- 新增inputmode 屬性
W3C 從「行動Web 最佳實務」中總結了10 個基本規則:
為多種裝置設計一致的Web 網頁。在設計行動Web 網頁的時候,必須考慮各種設備,以降低成本,增加彈性。
- 依賴Web 標準:在一個擁有各種設備的市場中,Web 標準可以確保不同設備之間的相容。
- 避開行動裝置的一些常見問題:如,不要彈出窗口,不要使用嵌套的表格,不要使用Frame。
- 要了解行動裝置的限制: 行動裝置一般不支援Cookie, Javascript 等技術。
- 對導航進行最佳化:使用清晰,簡潔,最小化的導航系統。
- 對圖形和顏色進行檢查:不要使用高分辨率的圖片,要根據移動設備可能螢幕尺寸,分辨率,以及支援的色彩與對比度對圖形進行檢查,確保它們顯示正常。
- 求小:頁面顯示尺寸,檔案尺寸,CSS 尺寸要盡量小。
- 節約使用頻寬:不要使用自動刷新,重定向等技術。不要過度引用外部資源,要好好利用頁面快取。
- 要方便使用者輸入:行動裝置的輸入方式非常不好用,要盡量為使用者輸入提供方便協助。
- 要考慮到那些忙碌的使用者:忙碌的使用者時間很有限,行動Web 提供的資訊要精簡,明確。
大家可以到mobileOK checker對自己的行動Web 進行驗證,以測試其是否對行動裝置友善。
本文國際來源:
http://www.cmswire.com/cms/web-publishing/xhtml-11-released-mobile-best-practices-proclaimed-002984.php ;
http://www.w3.org/2007/02/mwbp_flip_cards
中文翻譯: COMSHARP CMS