文字の大きさはhtml版と同様｢2段階｣までがﾍﾞｽﾄだと思います｡ docomoの文字の大きさがそもそも3段階までしかない､というのと､一番大きいのは本当に大きいのでちょっと不格好かなｰと思い､普段は使いません｡(3段階の文字の大きさが使われているﾃﾞｻﾞｲﾝが上がってきたときは｢2段階で｣､とﾋﾟｼｯと言ってます｡)

au､softbankは3段階以上文字の大きさがありますが､docomoに足並みをそろえて2段階といったところです｡

2段階の場合はx-small(もしくはxx-small)とmediumを使っています｡

後､やはり太字は使いません｡ 理由はhtml版と同様､docomo(iﾓｰﾄﾞﾌﾞﾗｳｻﾞ1.0：2008年冬ﾓﾃﾞﾙ以前)､auで効かないからです｡ 案件によっては､｢効く端末にだけ効けばいいから使ってください!｣という場合もあるかもしれないので､そこは要相談ですねｰ｡

ﾘﾝｸ色が複数存在する

xhtmlの場合はcssでﾘﾝｸ色の指定が可能となります(bodyでも指定可)｡
1ﾍﾟｰｼﾞに設定できるﾘﾝｸの基本色は1つで､｢ﾘﾝｸ色をここだけ変更したい｣という場合はaﾀｸﾞの内側にspanなどで色の指定をするのですが､docomoやsoftbankでそれをすると､ﾘﾝｸの文字色は変更できてもﾘﾝｸの下線はそのﾍﾟｰｼﾞに設定した基本のﾘﾝｸ色となります｡

<画像：ﾘﾝｸ部分のｻﾝﾌﾟﾙ画像>

これはﾍﾞｰｽのﾘﾝｸ色をｵﾚﾝｼﾞにした場合､です｡

ｺｰﾃﾞｨﾝｸﾞする際は､全ﾍﾟｰｼﾞに共通して多く使われているﾘﾝｸ色をﾍﾞｰｽのﾘﾝｸ色に設定したりしますが､いろんなﾘﾝｸ色がまんべんなく使われているとどれをﾍﾞｰｽのﾘﾝｸ色にすればいいのか悩みます｡

なので､そういった場合はﾃﾞｻﾞｲﾅｰさんなりﾃﾞｨﾚｸﾀｰさんに確認した方がいいです｡

後､事前にｸﾗｲｱﾝﾄさん側にも言っておいた方がよりｽﾑｰｽﾞに進みます｡
いざ出来上がったﾍﾟｰｼﾞを実機で見た時に､｢ここ(ﾘﾝｸの下線の色)直してくださいｰ｣っていう指示が来てしまうこともありますので｡

※ちょっと面倒なやり方ですが､aﾀｸﾞの内側のspanでの指定とあわせて､cssのclassでもﾘﾝｸ色の指定もしておくと､docomoiﾓｰﾄﾞﾌﾞﾗｳｻﾞ2.0､softbankで下線の色も一緒に変更することが可能です｡(つまり､iﾓｰﾄﾞﾌﾞﾗｳｻﾞ1.0のみ下線の色とﾘﾝｸ色が揃えられないっていうことになります)

詳細は｢[携帯]xhtmlのﾘﾝｸ指定方法〜cssとbodyの違い｣でご確認くださいませ｡

tableは使ってもいいか

今回はtable未対応端末(docomo901､701以前)が対応端末に含まれていませんが､念の為聞いておくといいと思います｡ 稀にﾚｷﾞｭﾚｰｼｮﾝ云々でNGの場合がありますので､念には念を!です｡

ﾍﾟｰｼﾞの左右の余白再現､特定の場所を枠線で囲う､といった場合や､ﾃｷｽﾄﾎﾞｯｸｽとﾎﾞﾀﾝの横並びを再現したい場合は(詳細は｢[携帯]入力ﾌｫｰﾑとﾎﾞﾀﾝを横一列に並べる｣を)tableの使用が必須となってきます｡

tableを使わないと再現できないぞっていうﾃﾞｻﾞｲﾝは結構あがってくるので､最初にtable使用の可否は聞くといいです｡

あと､xhtmlで作成した場合でも､tableの中にtableを使うとauの一部端末では内側のtableの中身が一切表示されないので､ 枠線の中に(table必須)､検索入力窓とﾎﾞﾀﾝを横並びにして(table必須)､ということはできないので､｢ｻｲﾄ内検索｣の部分は再現不可能です｡

横並びの画像の横幅合計が240だと崩れる可能性ｱﾘ

今回のｻﾝﾌﾟﾙでいうとﾍﾟｰｼﾞ上部にあるﾀﾌﾞの部分が該当するのですが､横並びの画像で横幅240pxぴったりにﾃﾞｻﾞｲﾝされていると､240px未満の端末で見た時に､ﾀﾌﾞが横並びにならずに下に落ちます｡

横幅が240pxの携帯でも､ｽｸﾛｰﾙﾊﾞｰの分だけ狭くなって238pxっていう場合もありますし､230pxの端末もまだ世の中に結構あります｡なので､より多くの携帯できちんと見れるようにするためには､230pxぐらいにした方がいいかなｰと思います｡

まとめ

今回は｢xhtmlで作成する場合｣ということでﾁｪｯｸﾎﾟｲﾝﾄをあげてみましたが､前回のhtml版のｴﾝﾄﾘｰ＋今回のｴﾝﾄﾘｰ､両方のﾁｪｯｸﾎﾟｲﾝﾄを頭に入れてﾃﾞｻﾞｲﾝﾁｪｯｸをしてみてください(重複している項目は今回省略しましたので)｡

上記ﾁｪｯｸﾎﾟｲﾝﾄを踏まえて､再現可能なﾃﾞｻﾞｲﾝに修正し､ｺｰﾃﾞｨﾝｸﾞしたものが以下のものです｡

<画像：修正後のｻﾝﾌﾟﾙﾃﾞｻﾞｲﾝ>

ｻﾝﾌﾟﾙﾍﾟｰｼﾞ

[ﾍﾟｰｼﾞ移動: 1 2 3]