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

推薦する

ストアド プロシージャでエラー状態をトリガーする mysql ストアド プロシージャの分析例 (SIGNAL および RESIGNAL ステートメント)

この記事では、例を使用して、MySQL がストアド プロシージャで引き起こすエラー状態 (SIGNA...

画像ボタンをフォームのリセットボタンとして使用する方法

フォームを作成するときに、送信ボタンとリセットボタンを配置することがよくあります。ページの外観を考慮...

Bootstrap 3.0 学習ノート グリッドシステム事例

序文前回の記事では、主にグリッドシステムの基本原理を学び、簡単なケースを通してその原理を実践しました...

ホスト上のDockerコンテナ内でシェルまたはプログラムを実行する

Docker コンテナに繰り返し入って操作することを避けるために、コンテナ内の一連の命令をホストマシ...

ウェブサイトの画像にグレー効果を加える3つの方法

私はグレースケールの画像の方が芸術的に見えると思うので、いつもグレースケールの画像を好んで使っていま...

MySQLのSQL文はインデックスを使用しません

インデックス集約を使用しない MySQL クエリご存知のとおり、インデックスを追加することはクエリ速...

Linux システムで MySQL データベースの解凍バージョンをインストールして構成する方法

1. ファイルを現在のディレクトリに解凍しますコマンド: tar -zxvf mysql....ta...

Linuxファイアウォールiptablesの詳細な紹介、設定方法と事例

1.1 iptablesファイアウォールの概要Netfilter/Iptables (以下、Ipta...

JS 関数のアンチシェイクと関数スロットリングを理解する方法

目次概要1. 関数デバウンス2. 機能スロットリング(スロットル)概要関数アンチシェイクと関数スロッ...

Vue3 プロジェクトで WeChat 認証ログインをエレガントに実装する方法

目次序文準備する実装のアイデアコードについて要約する序文WeChat 認証ログインは、WeChat ...

高速レイアウトのための CSS ビューポート単位

CSS ビューポート ユニットはここ数年登場しており、時が経つにつれて、ますます多くの開発者が使用し...

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

この記事では、MySQL 8.0.23のインストールと設定方法を参考までに紹介します。具体的な内容は...

Reactコンポーネントをフルスクリーンにする方法

導入この記事は、 React + antdをベースにして、完全な全屏demoを紹介します。その理由は...

HTML 内の input type="reset" タグが無効 (機能しない) である理由として考えられるもの。

<html:reset> タグを使用すると、リセット ボタンが無効になり、ボタンをクリッ...

MySQLでのカスタムパラメータの使用に関する詳細な説明

MySQL 変数には、システム変数とシステム変数が含まれます。今回の学習課題はユーザー定義変数です。...