W3C が推奨するモバイル Web マークアップ言語 XHTML Basic 1.1

W3C が推奨するモバイル Web マークアップ言語 XHTML Basic 1.1

W3C は最近、「 XHTML Basic1.1 」と「 Mobile Web Best Practices 1.0 」という 2 つの標準をリリースしました。どちらの標準もモバイル Web を対象としており、XHTML Basic 1.1 は W3C が推奨するモバイル Web 用のマークアップ言語です。
XHTML ベーシック 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 標準によって異なるデバイス間の互換性を確保できます。 モバイル デバイスでよくある問題を回避します。たとえば、ポップアップ ウィンドウ、ネストされたテーブル、フレームなどはありません。 モバイル デバイスの制限に注意してください。モバイル デバイスは通常、Cookie や Javascript などのテクノロジをサポートしていません。 ナビゲーションを最適化します。明確で簡潔、かつ最小限のナビゲーション システムを使用します。 グラフィックと色を確認する: 高解像度の画像は使用しないでください。モバイル デバイスの画面サイズ、解像度、サポートされている色とコントラストに基づいてグラフィックを確認し、正しく表示されることを確認します。 小さい: ページの表示サイズ、ファイル サイズ、CSS サイズは可能な限り小さくする必要があります。 帯域幅を節約: 自動更新、リダイレクト、その他の手法を使用しないでください。外部リソースを過度に参照せず、ページ キャッシュを有効に活用してください。 ユーザーにとって入力を便利にする: モバイルデバイスの入力方法は使いやすくないため、可能な限りユーザーの入力を便利に支援します。 忙しいユーザーを考慮する: 忙しいユーザーの時間は限られているため、モバイル Web で提供される情報は簡潔かつ明確である必要があります。
mobileOK チェッカーでモバイル 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

<<:  docker version es、milvus、minio 起動コマンドの詳細な説明

>>:  JSON.stringify の簡易版の実装とその 6 つの主要機能の詳細な説明

推薦する

角度付き双方向バインディングの詳細な説明

目次双方向バインディングの原理ngモデルレンダリングカスタム双方向バインディングプロパティコンポーネ...

JavaScript における clientWidth、offsetWidth、scrollWidth の違い

1. コンセプトこれらはすべて Element の属性であり、要素の幅を示します。 Element....

Vue は携帯電話の認証コードによるログインを実装します

この記事では、携帯電話認証コードログインを実装するためのVueの具体的なコードを参考までに共有します...

MySQL マルチテーブル結合クエリ例の説明

実際のプロジェクトでは、複数のテーブル間に関係が存在します。 1 つのテーブル内のすべてのデータを取...

MySQL5.7 シングルインスタンス自動起動サービスの設定プロセス

1.MySQLのバージョン [root@clq システム]# mysql -v MySQL モニター...

Vueのミックスインと継承について詳しく説明します

目次序文ミキシンMixin ノート (重複名)ローカルミックスイングローバル ミックスイン継承するミ...

Apache Bench ストレステストツールの実装原理と使用状況分析

1: スループット(1秒あたりのリクエスト数)サーバーの同時処理能力を定量的に表したもので、reqs...

JS関数のカリー化の詳細な説明

目次1. 補足知識ポイント: 関数の暗黙的な変換2. 補足知識: call/apply を使って配列...

Linux calコマンドの使用

1. コマンドの紹介cal (カレンダー) コマンドは、現在の日付または指定された日付のグレゴリオ暦...

このような大画面のデジタルスクロール効果が必要になる場合があります

大画面のデジタル スクロール効果は、最近の作業における大画面 UI ダイアグラムから生まれました。U...

MySQL 増分バックアップとブレークポイントリカバリスクリプトの例

導入増分バックアップとは、完全バックアップまたは最後の増分バックアップの後、後続の各バックアップでは...

MySQL 5.7.20 共通ダウンロード、インストール、設定方法と簡単な操作スキル(解凍版無料インストール)

早朝に MySQL 5.7.19 のインストールを終えたばかりですが、午前中に MySQL が最新バ...

Zabbix による VMware Exsi ホストの監視のグラフィカルな手順

1. 仮想化 vcenter に入り、ブラウザでログインし (クライアントは設定する場所を見つけませ...

WeChat アプレットのカスタム タブバー コンポーネント

この記事では、WeChatアプレットのカスタムタブバーコンポーネントの具体的なコードを参考までに紹介...

フロントエンドの状態管理(パート 1)

目次1. フロントエンドの状態管理とは何ですか? 2. ヴュークス3. バス4. ウェブストレージ序...