WEB de NUTS

最近は、携帯サイト作成の要件にて「旧機種（mova等）は非対応でかまわない」という事も増えてきました。

そこで、なんちゃってXHTMLではないちゃんとしたXHTML＋CSSで凝ったデザインの携帯サイトを作る場合のメモ。


●***.htmlをXHTML文書として認識するよう設定する

[.htaccess] ※携帯サイト用ルートディレクトリに置く
AddType "application/xhtml+xml; charset=Shift-JIS" html

[各htmlのhead]
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" />


これをやらないとDocomo機種でXHTML文書として認識されず、スタイルシートが全て無視されます。

ただし、これをやるとInternetExplorerで表示できなくなります。
実機orシミュレータで確認しましょう。
実機もシミュレータでも確認できない場合は、Firefox等のIE以外のブラウザならとりあえず見る事はできます。

しかし、携帯ブラウザのCSS対応状況はまだまだなので、制作者はコーディングにいろいろな裏技的手法を駆使しています。
これをPCブラウザで見るとたいていは（私の場合）見るも無惨な事になっているので、できればそっとしてあげておいてほしいです…


●CSSはインライン指定で

<div style="***">
のこと。この指定方法でないとDocomo機が認識してくれません。
巨大シェアの駄目ブラウザ・・・どこかで聞いたような。


●いろんなCSSプロパティがほとんど効いてくれない

特にDocomo機。
スタイルシートを使うようなデザインにした場合、いろいろと細部にこだわりがでてくるものです。
やりたい事がほとんどできずに、数年ぶりにスペーサー画像というものを引っ張りだすはめになりました。

「何ができないか」は公式情報には掲載されていないので、自分で試すしかないでしょう。


★結論；まだ手を出さない方がいい

ブラウザがもう少しマシになるまでは、これまでのHTMLに対するXHTML/CSSのアドバンテージは「背景に色がつけられる」くらいしかないとかんがえてよさそうです。
これが必要ないのであれば、XHTML/CSSには手を出さない方がいいです。