HTMLの考え方

HTMLの考え方

◆文字について
◆画像について
◆ブラウザについて
◆ユーザエージェントとは
◆HTTPについて
◆iモードのHTML
◆vodafoneのHTML
◆Ez-WebのHTML

◆文字について

・文章はShift-JISで既述する必要があります。

Shift-Jisとは、Jis規格で日本語文字コードの一つ。Microsoft社によって策定されたものです。文字の1バイト目を見るだけで漢字か1バイト文字(いわゆる半角英数字)か分かるようになっています。標準文字コードとして日本で広く普及しています。
その他の日本語文字コードとしてJIS・日本語EUCがあります。

わかりやすくいえば、パソコン上での文字の書き方ってことです。
とくに日本のパソコンで文字を書く場合は自動的にShift-Jisで書かれますので意識する必要はありません。

vodafoneはEUCやISO2022なども利用できるようです。

・半角カナも使えます。

ただし通常のテキストにのみ有効でタグ内のパラメーターとしては推奨されません。

・絵文字が使えます

iモード・vodafone・ez-web各キャリアごとに独自の絵文字を採用しています。

・その他使える文字

name属性、id属性の値に使用可能な文字は、半角アルファベット(A～Z,a～z)で始まり、半角のアルファベット、数字(0～9)、ハイフン(-)、アンダーバー(_)、ピリオド(.)のみを含む文字列です。
vodafoneはname属性に記号は試したところだめのようです。
だめな例:name=1-1　name=1_1 name=a/1

◆画像について

・iモード
Gif画像(アニメーションGIF・透過GIF・インターレースGIF・ノンインターレースGIF)全機種対応。
Jpeg画像は504以降対応。

・vodafone
PNG画像・Jpeg画像・MNG画像対応（Gif画像はほとんどの機種で使えない。）

・ez-Web
GIF画像・PNG画像・Jpeg画像・BMP画像対応。

すべてのキャリアで画像をうまく表示させたいならJpegをおすすめします。ですが、iモードが503以下の機種でJpegを見れないためそこをどう対応するかは作成者しだいです。

◆ブラウザについて

縦スクロール機能のみです。
横スクロールはしない為、長文は自動折り返しされます。
（PREタグ、PLAINTEXTタグ使用時も含みます）
BRタグ、Pタグの改行処理はそのままです。
パソコンブラウザで改段落処理をおこなうタグ（FORM, PRE, PLAINTEXT,BLOCKQUOTE, MENU, OL, UL, DL, DIR, Hn）に関して、上下の空行はなくなります。（ここでいう改段落処理とは前記タグを利用した際に前後のブロックとの間に強制的に空行が入ってしまうことを示します。）
ハイパーリンクからハイパーリンクへの移動はパソコンでのタブ機能のように上から順に移動します。

◆ユーザエージェントとは

アクセスした端末がｉモード、vodafone、ez-web、パソコンなのかを識別する為に利用可能なHTTPヘッダのことでHTTP_USER_AGENTです。

Webサーバへアクセスした際に、CGIにて上記HTTPヘッダーを識別します。
このユーザーエージェントを使うことによりキャリアを判別できます。

iモードとez-webとパソコンの場合
$ENV{'HTTP_USER_AGENT'}

vodafoneの場合
$ENV{'HTTP_X_JPHONE_MSNAME'};
という環境変数で取得できます。

この機能を利用することによって端末を識別すれば、他のブラウザからのアクセス制御や個々の機種へのページ作成ができます。

キャリア別に振分けるCGIの販売はこちら

◆HTTPについて

CGI作成時に「Content-Type」、「Content-Length」は必須項目となります。
SSLでKeep-Aliveを有効にするためにも「Content-Length」は必須となります。
LOCATION時のURLの指定は絶対パスで記述します。

◆iモード端末と対応HTMLバージョン

機種名		iモード対応HTMLバージョン
機種名		1.0	2.0	3.0	4.0	5.0
501i		○
502i			○
209i			○
821i			○
P651ps			○
R691i			○
503i				○
210i	F210i		○
	KO210i		○
	N210i		○
	P210i		○
	D210i			○
	SO210i			○
671i	F671i		○
671i	F671iS				○
211i				○
504i					○
251i	SH251i			○
	SH251iS			○
	D251i				○
	D251iS				○
	F251i				○
	N251i				○
	N251iS				○
	P251iS				○
R692i				○
212i					○
F661i					○
505i						○
F672i					○
252i						○
213i	SO213i(premini)				○
	SO213iS(premini-S)				○
	P213i(prosolid)					○
253i						○
FOMA 2001/2002/2101V				○
FOMA 2051/2102V/2701					○
FOMA 900i						○
FOMA F880iES（FOMAらくらくホン）						○
FOMA 901i						○
FOMA 700i						○
FOMA SH851i（DOLCE）						○
FOMA F881iES（FOMAらくらくホンII）						○
FOMA 701i						○

◆vodafoneのHTMLバージョン

HTML4.01を利用　

4.01でも以下の機能は利用できません。

bodyを除くDcument Body
構造化テキスト(Structured text)
オブジェクト(Object)・・・・・ActiveXなどのオブジェクトの挿入
Aplet・・・JavaAplet
イメージマップ(Image Map)・・・ひとつの画像上のある点からリンクをつけること
スタイルシート・・・・ページ上の文字や色などを固定にして使う便利な機能
u要素を除くフォントスタイル
フレーム
JavaScript

HTML4.01にvodafoneとして使える機能

文字の点滅・・・<blink>タグ
文字列の横移動・・・<marquee>タグ
音楽データーの演奏
画像表示の為の属性
音声再生の為の属性
位置情報の為の属性

◆Ez-WebのHTML

Ez-webのHTMLの記述方法は２通りあります。
HDMLとXHTMLです。現在ではAUはほとんどの機種でXHTMLを採用しています。

XHTML
XHTMLとは、HTMLの仕様 (用語) と同じものを、XMLの構文を使って改めて仕様化した言語です。
Ez-webの記述方法はXHTMLの簡素版としてAUでは「XHTML Basic」とよびます。

HDML
HDMLとは、「Handheld Device Markup Language」の略で、通常の携帯インターネットが、HTML 「Hyper Text Markup Languege」で記述されているのに対して、AUだけが採用した記述形式です。
他のiモードやvodafoneが通常のHTMLを採用したのにAUだけ独自の形式をとったため市民権を得ることができず下火になっているのが現状です。

ではどちらに記述をかくべきなのか？
もちろん通常の携帯用のHTMLで書くべきです。古い機種だとHDML専用の機種がありますがHTMLで書いたページを古い機種でみたとしてもEZwebサーバーでHDMLに自動で変換してくれるのでご心配なく。
ただし、XHTML Basicも記述に関してはかなりiモードより厳密にチェックしますのであいまいな記述をすると閲覧できません。

あっぷっぷ携帯ホームページ講座TOP - あっぷっぷ