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 つの主要機能の詳細な説明

推薦する

Vueパンくずコンポーネントのカプセル化方法

Vueはパンくずコンポーネントをカプセル化して参照します。具体的な内容は次のとおりです。効果を達成す...

MySQL データベースで機密データの暗号化と復号化を実装する方法

目次1. 準備2. MySQL暗号化関数方式2.1 MySQL 暗号化2.2 MYSQL 復号化3....

Linuxはiptablesを使用して複数のIPからのサーバーへのアクセスを制限します

序文Linux カーネルでは、netfilter は、パケット フィルタリング、ネットワーク アドレ...

Chrome 73 によるフレックスレイアウトの崩れの解析と解決方法

現象プロジェクトにはネストされたフレックス構造がいくつかあります。 <スタイル> /* ...

Centos7.4 システムに yum ソースから mysql 5.6 をインストールする

システム環境: centos7.4 1. データベースがインストールされているかどうかを確認します。...

MySQL の不正な文字列値の解決方法

MySQL を使用して中国語の文字を挿入すると、多くの友人から次のエラーが報告されます。 これは、文...

JavaScriptにおけるこのポインティング問題の詳細な説明

序文信じてください。この記事の 7️⃣ ステップを覚えておけば、JS の this リファレンスを完...

MySQL 5.7.17 のインストールと設定方法のグラフィック チュートリアル (Windows10)

MySQL 5.7.17 のインストールと設定方法の概要最初のステップは、MySQL公式サイトから...

DockerコンテナはホストのMySQL操作にアクセスする

背景:インターフェイスを提供する Flask プロジェクトがあり、これは Docker コンテナを使...

MySQL の一時テーブルと派生テーブルについての簡単な説明

派生テーブルについてメイン クエリに派生テーブルが含まれている場合、または SELECT ステートメ...

Windows Server 2019 で NAS を構成する方法

序文このチュートリアルでは最新バージョンをインストールします。 NAS は非常に安定して動作するので...

DockerにTomcat8をインストールする方法

1. dockerでtomcat8をインストールする1. Docker HubでTomcatイメージ...

MySQL 数十億のデータのインポート、エクスポート、移行に関するメモ

最近はMySQLのメモをたくさん取っていますが、それは主に会社のOracleが比較的安定していてメン...

docker ログ - docker コンテナ ログの実装を表示します

docker logs コマンドを使用してコンテナ ログを表示できます。コマンド形式: $ dock...

MySQL シーケンス AUTO_INCREMENT の詳細な説明とサンプルコード

MySQL シーケンス AUTO_INCREMENT の詳細な説明とサンプルコードMySQL シーケ...