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

推薦する

IntelliJ IDEA に Docker プラグインをインストールする詳細な手順 (2018 バージョン)

目次1. 開発環境2. dockerプラグインをインストールする1. アイデアのインストール2. イ...

MySQL 8.0.13 で日付を 0000-00-00 00:00:00 に設定すると発生する問題を解決する

データベース操作を学び始めたばかりです。今日、データを保存していたところ、エラーが発生していることに...

Vue.jsで実装されたカレンダープラグインの使い方を詳しく説明します

本日実装する機能は、以下の機能です。vue.js シミュレーションカレンダープラグインさて、もう無駄...

MySQL の NULL と空の文字列

最近、MySQL に触れました。昨日、テーブル構造情報を格納するための新しいテーブルを作成しました。...

docker compose サービスの起動順序を制御する方法

まとめDocker-compose は複数の Docker コンテナ サービスを簡単に組み合わせるこ...

Linux で NFS ファイル共有サーバーを構築するための詳細な手順

Linux が NFS サーバーを構築異なるオペレーティング システム間でデータを共有するために、通...

HTML の一般的でないタグ optgroup、sub、sup、bdo のサンプルコード

Optgroup は、ドロップダウン リストのコンテンツをより整理するために、select タグで使...

MySQL の遅いクエリとクエリ再構築方法の記録

序文スロークエリとは何か、またスロークエリを最適化するにはどうすればよいか。以下では、これら 2 つ...

仮想マシンクローン Linux centos6.5 システム ネットワーク カード構成グラフィック チュートリアル

Linux システムに触れたばかりの初心者として、VMware 仮想マシンに CentOS6.5 シ...

設計仕様に準拠した設計は良い設計でしょうか?

これまでの数年間、私はいわゆる「設計仕様」についてかなりの数の執筆やコンサルティングを行ってきました...

MySQL パーティションテーブルのベストプラクティスガイド

序文:パーティショニングはテーブル設計パターンです。一般的に、テーブル パーティショニングとは、条件...

MySQL でコミットされていないトランザクションを見つけるための SQL の例の簡単な分析

以前、「MySQL でコミットされていないトランザクション情報を検索する方法」というタイトルのブログ...

収集する価値のある Linux ドキュメント編集コマンド 27 個

Linux col コマンドLinux の col コマンドは制御文字をフィルタリングするために使用...

サーバー上で selenium+chromedriver を実行するための詳細なチュートリアル

1. はじめにSelenium を使用して Web サイトからデータをスクレイピングしたいのですが、...

MySQL 5.7.23 バージョンのインストールチュートリアルと設定方法

MySQL を自分でインストールするのに 3 時間かかりました。チュートリアルはたくさんあるにもかか...