スマホサイトと携帯サイト制作講座

最近のモバイルサイトでは、すこし前とは見違えるようなモバイルサイトが増えてきました。


派手なトップページのメニューは、フラッシュナビゲーションが多かったわけですが、CSS対応機種が増えた結果見栄えのよいモバイルサイトが増加しています。


そこで、ドコモ/au/softbankの携帯キャリアごとにCSS(Cascading Style Sheets/カスケード・スタイル・シート)をまとめてみました。
3キャリア対応の共通ソース携帯サイト作成を考慮しています。


2009年5月度

■携帯サイトCSS対応状況

docomo　＝　インラインCSS対応（外部CSS非対応）
au　＝　外部CSS対応
SoftBank　＝　外部CSS対応


ユーザー視点ではないですね。


■携帯キャリアごとのdivタグ"float"プロパティ指定の可否(background-colorの指定が可否)

docomo　＝　ほとんど対応
au　＝　floatプロパティ非対応
SoftBank　＝　ほとんど対応

■携帯キャリアごとのimgタグ指定"float"プロパティ指定可否

docomo　＝　インラインstyle指定対応
au　＝　imgタグにHTML形式でalign指定なら対応
SoftBank　＝　インラインstyle指定対応(一部align指定)


結果、画像のimgタグを使用すればfloatは使えることになります。
これだけでも、携帯サイトのレイアウト設計の幅は大きく変わりますよね。



ちなみにtableタグも使えるんです。以前の携帯サイトでもtableタグを使用していましたが、
表組みが使用できるということですね。

■携帯キャリアごとのtableタグ指定

docomo　＝　HTML6.0以上対応のimode対応機種で使用可
au　＝　ほとんど対応
SoftBank　＝　ほとんど対応


補足ですが、いま携帯キャリア比率や機種比率を把握できるところは皆無な気がします。アクセスデータの統計なども、情報源によりかなりばらつきは多いし。


携帯サイト制作は費用がかかるのです。