年末ミステリーツアーin八王子城跡レポート A8.net×楽天サーチのキーワードリンクを表示する
1月 13

前提条件

  • 携帯サイトで<div>や見出し(<h1><h2>…など)に背景色をつけたい
  • <p>はdocomoで上下にスペースが空きすぎて使いづらい
  • 携帯サイトでもW3C準拠のソースを書きたい

全てに挙手っていうウチと気が合いそうな人にはXHTML 1.0 Transitionalをオススメします。
あなたとはとても仲良く出来そうです。
ついでにパ・リーグ好きだったりしたら付きあって下さい!位の勢いですw

理由

携帯サイトなら本来だと<!DOCTYPE HTML SYSTEM “html40-mobile.dtd”>が妥当です。
でも<div>や見出し(<h1><h2>…など)に背景色をつけたい場合、docomoはXHTMLじゃないとアウトです。

更にdocomoはページ内リンクが<a name=”hoge”>にしか飛べない(idには飛べない)ので<a name=”hoge” id=”hoge”>と記述します。

個人的に<p>はdocomoで上下にスペースが空きすぎて使いづらいので<p>は使わず<div>内にテキストなどを直に記述します。

XHTML1.1はStrictのみだから文法的にアウト。

以上をふまえて正しくマークアップすると出来上がった文書はXHTML 1.0 Transitionalが妥当です。
コピペ用にソース置いておきますね。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ちなみにdocomo・au・softbank各キャリア独自のドキュメントタイプもありますが、W3C万歳派なウチは使うのに抵抗があるので使いません。
IEの独自拡張仕様使うみたいでものすごく気持ち悪い。
プログラム側でUA判別してそれぞれ適合したのを吐くならその限りではないです。

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Trackback URL

3 Responses to “携帯サイト制作はドキュメントタイプXHTML 1.0 Transitionalがオススメ”

  1. wildwell Says:

    DoCoMoはヘッダーをはかないと、DOCTYPE宣言してもXHTMLと認識してくれないよー

  2. wildwell Says:

    て、http://www.abeke-design.com/mobileに書いてあったか。失礼。

  3. 阿部マリコ Says:

    >wildwell

    おうおう。書いた書いた。
    そうなんだよね〜……ヘッダーはかないと……
    コーダーにはdocomoが一番めんどくせ〜よ〜(-_-メ)

Leave a Reply