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

推薦する

シンプルなカレンダー効果を実現する js

この記事では、シンプルなカレンダー効果を実現するためのjsの具体的なコードを参考までに共有します。具...

一時ファイルを作成できないために MySQL が起動できない問題を解決する方法

問題の説明最近、仕事中に問題が発生しました。MySQL が起動に失敗しました。エラー ログは次のとお...

JavaScript の構成と継承の説明

目次1. はじめに2. プロトタイプチェーン継承3. コンストラクタの継承4. 組み合わせ継承1. ...

HTML ページはダーク モードの実装をサポートします

2019年から、AndroidとiOSの両方のプラットフォームでダークモードが使用され始めました。も...

Linux(中心OS7)は、Java Webプロジェクトの実行環境を構築するためにJDK、Tomcat、MySQLをインストールします。

1. JDKをインストールする1. 古いバージョンまたはシステム独自のJDKをアンインストールする...

Linux の一般的なコマンド chmod を使用して、ファイルの権限 777 と 754 を変更します。

よく使用されるコマンドは次のとおりです。 chmod 777 文件或目錄例: chmod 777 /...

MySQL innodb B+ツリーの高さを取得する方法

序文MySQL の InnoDB エンジンがインデックスの保存に B+tree を使用する理由は、デ...

el-table のテーブルを最適化するために仮想リストを使用する方法についての簡単な説明

目次序文解決具体的な実装満たすべき前提条件質問序文テーブルをよく使用します。データ量が多い場合は直接...

Linux でのログ サーバーの設定に関するグラフィック チュートリアル

序文この記事では、Linux 構成ログ サーバーに関する関連コンテンツを主に紹介し、参考と学習のため...

MySQL ストアド プロシージャで case ステートメントを使用する詳細な例

この記事では、例を使用して、MySQL ストアド プロシージャでの case ステートメントの使用方...

PostgreSQL データベースにおける varchar、char、text の比較に関する簡単な説明

以下のように表示されます。名前説明する文字可変(n)、varchar(n)長さ制限あり、可変長文字(...

CSSはcalc()を使用して現在の表示画面の高さを取得します

まず、CSS3 の相対的な長さの単位を見てみましょう (詳細なチュートリアルを参照してください)。相...

MySQL のレイテンシ問題とデータフラッシュ戦略プロセスの分析

目次1. MySQLレプリケーションプロセス2. MySQLの遅延問題の分析3. プロモーション期間...

Vue+element ui はアンカーの配置を実現します

この記事では、アンカー配置を実現するためのVue +要素UIの具体的なコードを例として紹介します。具...