今時の携帯サイトの作り方

Webサイトも、PC版、ガラケー版、スマホ版と対応しなくてはならない昨今、ガラケーを3キャリア、4キャリアに対応するなんて、面倒でやってられない...とお嘆きのあなたに。

ガラケー用のサイトを共通で作成するための情報をまとめます。

●文字コード
utf-8

●画像
JPEGとGIF

●DOCTYPE宣言
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">

●コンテンツMIMEタイプ
CSSを使ったり、そもそもapplication/xhtml+xmlが推奨されていることから、以下のように設定する。
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />

●docomoでXHTMLを動作させたりCSSを効かせたりするために、.htaccsess に以下の記述を入れるなどの対応を。ただし、Style定義はインラインで。(外部CSS不可)
AddType application/xhtml+xml .htm .html .php

どーでしょう?