to topto bottom

モバイルファースト時代のマルチデバイス対応を確実・簡単に

XHTML対応 x-Servlet(その1)

x-Servletは来春リリース予定の Ver2.8 においてXHTML対応を行います。
そこで、今回から数回に分けて携帯におけるXHTMLついて書きたいと思います。

x-ServletにおけるXHTML

現在リリースしていますx-Servletはiモード対応HTMLをインプットとして各キャリア向けにコンテンツ変換を行います。ですので、XHTMLにおいてもiモードXHTMLをインプットとする予定です。ところで、iモードXHTMLで記述したCSSは各キャリアでそのまま表示できるのでしょうか?

iモードXHTMLは他キャリアで表示できるの?

各キャリアのXHTML仕様を見たかぎりではiモードXHTMLが最も利用できるCSSに対して制限が多かったので、他キャリア(EZweb XHTML、SoftBank XHTML、EMOBILE XHTML)ではそのまま表示できるだろうと高をくくっていたのですが、予想に反して多数の差異がありました。そこで、iモードXHTMLと他キャリアとの間で仕様が異なるCSSを紹介します。

blockquote
  • clear
  • EZweb XHTMLでは未対応。
div
  • clear
  • EZweb XHTMLでは未対応。
  • display
  • "-wap-marquee-dir", "-wap-marquee-loop", "-wap-marquee-style" を指定しない場合下記のように振舞いが異なります。
  •  
  • ・iモードXHTML:左へ16回スクロール後消滅
  • ・EZweb XHTML:左へ1回スクロール後静止
  • ・SoftBank XHTML:左へ無制限スクロール or 左へ1回スクロール後静止(機種により異なる)
  • ・EMOBILE XHTML:左へ1回スクロール後消滅
  • -wap-marquee-loop
  • ループ回数無制限の指定方法が異なります。
  •  
  • ・iモードXHTML:"0"を指定した場合、無制限に相当しますが最大16回しかスクロールしません。
  • ・EZweb XHTML:"0"で無制限となります。
  • ・SoftBank XHTML:"-1"で無制限となります。
  • ・EMOBILE XHTML:"-1"で無制限となります。
  • font-size
  • ・iモードXHTML:文字列指定(smallなど)しか利用できません。また 大(large~xx-large)、中(medium)、小(small~xx-small)の3段階しか表現できません。
  • ・EZweb XHTML:文字列指定とピクセル(px)指定双方が可能です。
  • ・SoftBank XHTML:文字列指定とピクセル(px)指定双方が可能です。
  • ・EMOBILE XHTML:文字列指定とピクセル(px)指定双方が可能です。
h1~6
  • clear
  • EZweb XHTMLでは未対応。
p
  • clear
  • EZweb XHTMLでは未対応。
pre
  • clear
  • EZweb XHTMLでは未対応。
span
  • display
  • divタグと同様。
  • font-size
  • divタグと同様。
dl
  • clear
  • EZweb XHTMLでは未対応。
ol
  • clear
  • EZweb XHTMLでは未対応。
ul
  • clear
  • EZweb XHTMLでは未対応。
form
  • clear
  • EZweb XHTMLでは未対応。
input
  • -wap-input-format
  • ・iモードXHTML:初期入力の文字種指定として作用します。
  • 全かな "*<ja:h>"
    半カナ "*<ja:hk>"
    半英  "*<ja:en>"
    半数  "*<ja:n>"

  • ・EZweb XHTML:初期入力の文字種指定として作用しますが、半角カナが指定できません。
  • 全かな "*M"
    半英  "*m"
    半数  "*N"

  • ・SoftBank XHTML:指定方法は docomo と同様ですが、入力制限として作用してしまい入力途中での文字種変更ができません。
textarea
  • -wap-input-format
  • inputタグと同様。
table
  • height
  • EZweb XHTMLでは未対応。
td
  • height
  • EZweb XHTMLでは未対応。
th
  • height
  • EZweb XHTMLでは未対応。
img
  • float
  • EZweb XHTMLでは未対応。
hr
  • background-color
  • EZweb XHTMLでは未対応。
  • border-color
  • EZweb XHTMLでは未対応。
  • border-style
  • EZweb XHTMLでは未対応。
  • clear
  • EZweb XHTMLでは未対応。
  • float
  • EZweb XHTMLでは未対応。
  • height
  • EZweb XHTMLでは未対応。

次回予告

以上がdocomoの作ろうiモードで公開されている「iモード対応HTMLとiモード対応XHTML比較表」のうち、他キャリアでの表現において差異のあるCSSとなります。
次回はこの差異をコンテンツの記述を工夫して回避する方法をご紹介します。

 

このエントリーをはてなブックマークに追加