W3C は最近、「 XHTML Basic 1.1 」と「 Mobile Web Best Practices 1.0 」という 2 つの標準をリリースしました。どちらの標準もモバイル Web を対象としており、XHTML Basic 1.1 は W3C が推奨するモバイル Web 用のマークアップ言語です。
XHTML 基本 1.1
モバイル マークアップ言語には多くの分岐があります。XHTML Basic 1.1 のリリースには、次の新機能が含まれています。
- 新しい組み込みイベントを
- XHTML form
に、- 新しい value 属性を li オブジェクトに、
新しい- target 属性を
- style オブジェクトに、
- 新しい style 属性を
- XHTML 表示モジュールに、
- 新しい inputmode 属性を
ルールに追加しました。
複数のデバイス向けに一貫した Web ページをデザインします。モバイル Web ページをデザインするときは、コストを削減し、柔軟性を高めるために、さまざまなデバイスを考慮する必要があります。
- Web 標準に依存する: さまざまなデバイスが存在する市場では、Web 標準によって異なるデバイス間の互換性が確保されます。
- モバイル デバイスに関するいくつかの一般的な問題を回避してください。たとえば、ウィンドウをポップアップしない、ネストされたテーブルを使用しない、フレームを使用しないなどです。
- モバイル デバイスの制限を理解するには: モバイル デバイスは通常、Cookie や Javascript などのテクノロジをサポートしません。
- ナビゲーションの最適化: 明確で簡潔な、最小限のナビゲーション システムを使用します。
- グラフィックスと色を確認する: 高解像度の画像は使用しないでください。モバイル デバイスの可能な画面サイズ、解像度、サポートされている色とコントラストに基づいてグラフィックスを確認し、適切に表示されることを確認します。
- 小さくする: ページ表示サイズ、ファイル サイズ、CSS サイズは可能な限り小さくする必要があります。
- 帯域幅を節約する: 自動更新、リダイレクト、その他のテクノロジを使用しません。外部リソースを参照しすぎないようにし、ページ キャッシュを有効に活用してください。
- ユーザーの入力を容易にする: モバイルデバイスの入力方法は非常に使いにくいため、ユーザーの入力を可能な限り便利に支援する必要があります。
- 忙しいユーザーのことを考えてみましょう。忙しいユーザーには時間が限られており、モバイル Web によって提供される情報は簡潔かつ明確である必要があります。
mobileOK チェッカーに移動してモバイル Web を検証し、モバイル フレンドリーかどうかをテストできます。
この記事の海外情報源:
http://www.cmswire.com/cms/web-publishing/xhtml-11-releases-mobile-best-practices-payment-002984.php ;
http://www.w3.org/2007/02/mwbp_flip_cards
中国語翻訳: COMSHARP CMS