携帯サイトの基礎知識

TOP > 基礎 > 携帯サイト

携帯サイト

携帯サイトとは

ここでは、携帯電話の携帯ブラウザで閲覧されるサイトを指します。 下記のような様々な規格がありますが、現在の携帯電話の多くは HTMLとXHTMLに対応しています。 ただし、パソコンと違って様々な制限があるので注意が必要です。 また、絵文字については特殊な記述方法があります。

CHTML

CHTML(Compact HTML)は、HTML3.2をベースに開発されたモバイルコンテンツ向けマークアップ言語です。NTTドコモのiモードが同様の企画を採用していました。

HDML

HDML(Handheld Device Markup Language)は、Open Mobile Allianceによって策定された、HTMLに似たモバイルコンテンツ向けマークアップ言語です。auなどが採用していましたが、現在の携帯電話の多くはXHTML MPを採用しています。

WML

WML(Wireless Markup Language)は、XMLをベースに開発されたモバイルコンテンツ向けマークアップ言語です。現在の携帯電話の多くはXHTML MPを採用しています。

XHTML MP

XHTML MP(XHTML Mobile Profile)は、Open Mobile Allianceによって策定された、XHTMLをベースに開発されたモバイルコンテンツ向けマークアップ言語です。現在の携帯電話の多くが携帯電話がサポートしています。

作成方法

携帯サイトの作り方は以下の点に注意します。

絵文字

携帯サイト独自の特徴のひとつが絵文字です。 ただ、絵文字は業者や機種によって異なるので使用には注意が必要です。 auはドコモの絵文字を自動変換してくれます。

絵文字入力ソフト「i絵文字」

ドコモ公式のiモード対応絵文字入力支援ツール。

ドコモ絵文字コードの種類と一覧

絵文字コード一覧。

独自タグ

リンクをクリックするかわりに、ダイヤル番号を押すことでリンク先に移動することができます。 操作性を向上させることができるかもしれません。

ドコモとauは共通です。数字の絵文字と合わせて使用します。 <a href="test.html" accesskey="1">test</a> ソフトバンクはデフォルトで数字も表示されます。非表示にする場合はnonumberを追記します。 <a href="test.html" directkey="1" nonumber>test</a> また、クリックすることで直接電話を掛けることができます。 携帯ならではの機能です。ドコモ、au、ソフトバンク共通です。 <a href="tel:09012345678">090-1234-5678</a>

振り分け

PCと携帯の両方に対応したサイトの場合、PC向けのページと携帯向けのサイトを用意して、 自動的に振り分けする方法があります。

携帯振り分けPHP

携帯だけでなくパソコンのブラウザの判別も行ってくれます。

サービス

QRのススメ

QRコード QRコードを簡単に作れるサイトです。

仕様書

関連項目