一歩上行く！携帯HTML/XHTMLデザイン・コーディング術(第二弾) XHTML/HTML...

2010年 3月 7日

タグ： #モバイルサイト

一歩上行く！携帯HTML/XHTMLデザイン・コーディング術(第二弾)

XHTML/HTML TIPS |

※2010年2月現在の情報です。

—-

今日はtableの組み方に関して書きます。
まず、携帯のCSSは複雑な事は出来ないので、表組みをレイアウトをしたいときはCSSではなくtableタグを使用します。
携帯電話制作でtable使うor使わない議論をすると一晩語れそうですが(大袈裟)、今回はtableを使うことを前提にして書きます。一部の端末ではtableタグが使えないので、使用を控えているサイトさんも目立ちますが、閲覧ターゲットをここ3〜4年で発売された端末に限れば使用できるので、使い方を理解すればtableタグは使用しても良いと私は考えています。

▼tableタグのざっくり対応状況
●ドコモ⇒FOMA901シリーズ以前,701シリーズ以前、一部の702端末でtableタグが反映されません。
●au⇒WINであればほぼ大丈夫です
●SoftBank⇒3GCであればほぼ大丈夫です
＊つまり…、ドコモが足ひっぱってるってカンジです(^^;)

では、実際にコーディングをしながらどのようなtableタグであれば携帯で表現できるかを見ていきます。
タグはXHTMLで書いています。参考にしてみてください。
（実験端末は、docomoは古めのD703i/au:W63CA/SB:821SHです）