携帯サイトのHTML

"仕事として"携帯サイトを作った事はなかったので、携帯における制約などをチェックしとく。

携帯サイト作成入門 - All About
http://allabout.co.jp/gm/gl/2807/

1.装飾(CSS)の記述は「style属性」を使う方法のみ
 ※他のCSSの記述は、2009年5月発売以前のdocomoがダメらしい。

2.CSSでfont-sizeは、数値が指定できない。
 ※2009年5月発売以前のdocomoがダメらしい。
キーワードによる絶対指定では、小さい順に以下のような値になる。
xx-small < x-small < small < medium < large < x-large < xx-large

3.画像形式は、GIF または JPEG
 ※PNGは、2009年5月発売以前のdocomoがダメらしい。

4.ページの総サイズが 100KB以内(程度)に収まるように
画像とHTML含めて100KB以内

5.画像の横幅は 240ピクセル弱に
240より若干小さいくらいがいいらしい。スクロールバーが出る場合にちょっと隠れる。

6.文字コードは、3Gに限るなら、UTF-8でよい。
【参考】
http://blog.katsuma.tv/2007/08/3g_mobile_site_by_php.html



もっと昔からdocomoが対応していてくれれば、こんなに不自由じゃなかったのに…。