萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

移動網站開發指南(一):標記語言演進與選型策略

移動互聯網被譽為「第五次科技革命」。隨著 iPhone/Android 智能手機普及與 iPad 問世,移動端網站開發成必修課。本系列聚焦獨立移動版本方案(Media Query 方案留待後文)。

移動標記語言演進圖譜

移動 Web 標記語言演進

點擊放大查看完整演進脈絡

歷史脈絡

  • WML:WAP 論壇制定,基於 XML,導致「一站式」破裂——桌面用 HTML,移動用 WML,雙倍維護成本
  • cHTML:NTT DoCoMo 專用,與 WML/XHTML 不兼容
  • XHTML Basic 1.0:W3C 回應碎片化,從 XHTML 1.1 模組化抽取核心子集,適配低端設備
  • XHTML MP (Mobile Profile):OMA (WAP+NTT 合併) 在 Basic 基礎上回溯兼容 WML/cHTML 特性
  • XHTML 1.1:吸收 MP 擴展,Basic 與 MP 實質趨同

XHTML Basic 1.1 入門範本

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
  "https://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en">
  <head><title>Hello Mobile</title></head>
  <body></body>
</html>

僅差在 XML 聲明與 Basic DTD。

支援模組清單(核心子集)

模組元素/屬性
結構html, head, title, body
文字abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1-h6, kbd, p, pre, q, samp, span, strong, var
鏈接a
列表dl, dt, dd, ol, ul, li
表單button, fieldset, form, input, label, legend, select, optgroup, option, textarea
表格caption, table, td, th, tr
圖片img
對象object, param
表現b, big, hr, i, small, sub, sup, tt
元信息meta
鏈接關係link
Basebase
事件onblur, onfocus, onload, onunload, onreset, onsubmit, onchange
腳本script, noscript
樣式支援 <style> 元素、style 屬性
目標支援 target 屬性

不支援內容(關鍵限制)

  • ❌ 外部 CSS 文件(僅內聯/內嵌樣式)
  • ❌ 巢狀 table、thead/tbody/tfoot
  • ❌ name 屬性、框架集
  • ❌ del, ins, basefont, center, dir, font, isindex, menu, strike, u 等舊元素

關鍵注意事項

  • 事件支援依賴具體瀏覽器實作
  • WebKit 事件支援最全
  • Opera Mini 基於代理服務器,部分事件不支援(參見 JavaScript support in Opera Mini 4)

XHTML MP:事實上的移動標準

MP = Basic + 外部樣式表支援(代價:多一 HTTP 請求)。實際觀察:

  • 絕大多數手機已支援 WAP 2.0 (即 XHTML MP),WAP 1.0 設備極少
  • 主流移動站多採用 XHTML MP 規範
  • 內聯樣式仍為主流(減少請求)
  • Table 佈局依然普遍
  • Opera Mini 可跑全 (X)HTML 特性,覆蓋所有支援 Java 的手機

結論:放心使用 XHTML Basic 1.1 / MP 開發移動版。

HTML5:高端設備的未來標準

  • Mobile WebKit 對 HTML5 支持極佳
  • 僅針對 iPhone/Android 可全面採用 HTML5
  • Google/Apple/Opera/Microsoft 聯手推動 HTML5 成下一代統一標準
  • Opera 認為 HTML5 是統一移動互聯網關鍵

總結與展望

XHTML Basic/MP 降低門檻,但設備碎片化導致細節差異。W3C 價值在於統一方案。可預見:XHTML Basic/MP(低端)與 HTML5(高端)長期並行,我們需維護雙套實現——這正是移動開發的常態。

參考資源: W3C XHTML Basic 1.1 Spec | XHTML MP Introduction

copyright © 萬盛學電腦網 all rights reserved