参考資料・旧オープンウェーヴ社のXHTML モバイル・プロファイル。

KDDI/沖縄セルラーの全端末及び旧ボーダフォンの一部端末では旧オープンウェーヴ社のモバイルブラウザが搭載されております。

旧オープンウェーヴ社のモバイルブラウザは世界的にもシェアが高いのですが、一部WAP 2.0の標準を逸脱している面があります。

また、実装面でも一部問題が見られます。

これらについて解説して行きたいと思います。

旧オープンウェーヴ社のモバイルブラウザ用のXHTML モバイルプロファイルについて。

旧オープンウェーヴ社のモバイルブラウザに実装されているXHTML モバイルプロファイルは、本来のXHTML モバイル・プロファイルと異なった実装になっております。

  • これは日本国内で普及しているドコモ端末向けのHTMLとの互換性を意識してのものかも知れません。

旧オープンウェーヴ社のモバイルブラウザ向けのXHTML モバイル・プロファイルを用いる場合の文書型宣言。

旧オープンウェーヴ社が定めたXHTML モバイル・プロファイルはWAPフォーラムが定めたXHTML モバイル・プロファイル 1.0を拡張したものであり、従って拡張された部分を用いる際にはWAPフォーラムが定めた文書型宣言を用いる事は出来ません。

旧オープンウェーヴ社が定めたXHTML モバイル・プロファイルの文書型宣言は以下の様になります。

<?xml version="1.0" encoding="shift_jis"?>
			<!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML Mobile 1.0//EN" "http://www.openwave.com/dtd/xhtml-mobile10.dtd">

旧オープンウェーヴ社のモバイルブラウザ向けのXHTML モバイル・プロファイルに追加されている属性。

旧オープンウェーヴ社のモバイルブラウザ向けのXHTML モバイル・プロファイルではWAPフォーラムが定めたXHTML モバイル・プロファイル 1.0に幾つかの属性が追加されております。

<body>要素のbgcolor, text 及び link各属性
<p>要素のalign属性
<h○>要素のalign属性
<img>要素のhspace, vspace属性
本来ならいずれもCSSで対応出来るものですが、ドコモ端末向けに書かれたHTMLを取り扱えるようにするために用意されているようです。
  • もっとも、正しくマークアップされているHTML文書であれば、これらの属性が無効になっていたとしても問題は無い筈ですが。
<img>要素のalign属性
<br>要素のclear属性
これら画像を寄せるための属性も、ドコモ端末向けに書かれたHTMLのためにあるようですが、旧オープンウェーヴ社の端末に実装されたCSSではfloatプロパティclearプロパティが無いため、その代わりに実装されているのかも知れません。
localsrc属性
EZウェブ独自の絵文字を記述するための属性です。

但し、EZウェブの場合、一定条件の元でドコモ端末向けの絵文字をそのまま対応するEZウェブ絵文字に変換する機能がありますので、使わないで済むかも知れません。

<input>要素のemptyok属性, istyle属性, format属性及びlocalsrc属性
<input>要素の属性は、ドコモ端末との互換性だけで無く、旧型機向けのWML 1.xで実装されていたものを後方互換性と操作性の見地から追加しているようです。
  • 尚、<textarea>要素にはこれらの属性はDTD上では定義されていないようです。

旧オープンウェーヴ社のモバイルブラウザの実装上の注意事項。

非公式な要素。

旧オープンウェーヴ社のモバイルブラウザに限った事ではありませんが、非公式な要素も実装されております。

主なものを挙げると、以下のものがあります。

<font>要素
文字の色や大きさを指定したテキストです。
<bgsound>要素
MIDI等の埋め込み音源です。着信音の試聴ページには欠かせません。

前者は一応XHTML 1.0 トランジッショナルでは合法のため、XHTML 1.0 トランジッショナルの文書型宣言を付ければ使用する事が出来ますが、後者は非公認の要素ですので、この要素を用いると適切な文書型宣言が付けられなくなります。

  • 実際にはエラーになる事はありませんが…。

<img>要素のalign属性について。(平成21年 2月 3日)

画像を左または右に寄せて後続のテキストを反対側に廻り込ませる際、WAP 2.0では画像に対してCSSでfloatプロパティを与える事で実現する事としておりますが、旧オープンウェーヴ社のブラウザにはfloatプロパティが実装されておらず、<img>要素のalign属性で対応する事となります。

この時、後続のテキストが<p>要素等のブロックレヴェル要素となっている場合、廻り込みが行なわれません。

旧オープンウェーヴ社のモバイルブラウザでも廻り込みを行わせたい場合には、必ず画像を後続テキストが含まれるブロックレヴェル要素内に入れるようにして下さい。

<img>要素のalign属性についての具体例。

<img>要素のalign属性についての具体例として、以下の画像の後ろにテキストを廻り込ませる例を考えて見ましょう。

堀北真希ちゃんをモデルにした制作者の創作キャラクタ・うさ耳女子大生を描いたGIF画像

以下の場合旧オープンウェーヴ社のモバイルブラウザでは後続テキストの廻り込みが行なわれません。

<div class="figure">
				    <img alt="" src="Ho****taUsagi.GIF" align="left" width="90" height="111" />
				    <p>このテキストは後続テキストです。</p>
				    </div>

これを旧オープンウェーヴ社の公式シミュレータで見てみると、以下のようになりました。

画像の後ろのテキストが廻り込まず、画像の下に表示されております。

そこで、以下のように書き直します。

<p><img alt="" src="Ho****taUsagi.GIF" align="left" width="90" height="111" />このテキストは後続テキストです。</p>

これを旧オープンウェーヴ社の公式シミュレータで見てみると、以下のようになりました。

画像の後ろのテキストが正しく廻り込まれた表示となりました。

しらぎくのウェブサイト作成入門サイトマップ