例）
http://mc.rumic.org/index.html
この部分↓
<div style="font-size:smaller; background-color:#ffe0e0;">
<span style="color:#ff0080;">もばこまっ！</span>では、ケータイで手軽に読める数コマの笑えるマンガを掲載しています。お楽しみ下さい。
</div>
※全体の背景色に色をつけたいわけではありません。
bodyタグを対象にするのではありません。
ドコモで表示させるには、xhtmlで拡張子を.xhtmlにしなければならないことが分かりました。
ですが記載しているQRコードの関係で、拡張子が.htmlではないと非常にマズイのです。
いくつかのモバイルサイトを見ましたが、
例）http://mc.rumic.org/index.html
どれも拡張子が.htmlなのですが、これはどういうことですか？
同じソースで同じファイル名で見るとドコモでは見ることができず、
けど拡張子を.xhtmlにすると背景色がでてきます。
●xhtmlでデザインしたい
●だがアクセスは.htmlである
この２つが絶対条件の場合、どのような方法があるのでしょうか？
No.1
91
13
20pt
XHTMLコンテンツの冒頭に下記の2行を加えれば、拡張子がhtmlでも大丈夫のはず。
<?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd">
http://www.nttdocomo.co.jp/service/imode/make/content/browser/xh...
No.2
1422226
20pt
携帯端末からみたらURL上のファイルの拡張子に意味はありません。
違いが出ているのは恐らくWEBサーバが拡張子に対応する Content-Type として、
html なら text/html を、xhtml なら application/xhtml+xml を出力するような設定になっているからでしょう。
WEBサーバの設定で html でも Content-Type で application/xhtml+xml が出力されるように設定すれば解決すると思います。
ありがとうございます！
ですがレンタルサーバーでそれは出来ないことがわかりました。
残念です…今後の参考にします！
No.3
71
20pt
XHTMLは拡張子が.htmlでも動きます。XHMLの最初にある文を挿入します。
<!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">
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=shift_jis” />
<title>サイトタイトル</title>
</head>
<body>
このテキストの背景色に色をつけたい。
</body>
</html>
とします。ちなみにこの文章宣言はi-mode用ではありませんが、これでもきちんと動きます。
これでXHTMLとなりますが、DOCOMOはこれだけではCSSが適用されません。
http://dspt.blog59.fc2.com/blog-entry-36.html
こちらのサイトにあるようにMIMEタイプをapplication/xhtml+xmlにすることによってDOCOMOではCSSを適用することができます。
head内に
<meta http-equiv="ContentType" Content="application/xhtml+xml" />
を追加し、.htaccessに
AddType application/xhtml+xml .html
を追加することで表示されるようになるはずです。
なるほど、分かりやすかったです。ありがとうございます！
ですが、先ほど.htaccessが使用できないことが分かりました…
そんなわけでこちらの方法は使えないことになりました…
やはり他に方法はないのでしょうか……
No.4
9113
20pt
<?xml version="1.0" encoding="Shift_JIS"?> <!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"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS"/> <title>サイトタイトル</title> </head> <body> <div style="font-size:smaller; background-color:#ffe0e0;"> <span style="color:#ff0080;">もばこまっ！</span>では、ケータイで手軽に読める数コマの笑えるマンガを掲載しています。お楽しみ下さい。 </div> </body> </html>
Apacheを利用しているのであれば、.htaccessに
AddType application/xhtml+xml .html
と記述する。
ごめんなさい。.htaccessが使用できないのです…
今後の参考にさせていただきます！
No.5
71
20pt
.htaccessを使わずにHTTPヘッダーを出力するのは無理だと思います。
URLはxxx.htmlで、そこからxxx.xhtmlに転送させればいいのではないでしょうか？
meta転送タグは試しましたが動作しません。
ほかに方法はあるのでしょうか？
ミトコ
2009/09/16 23:35:24
7
6
tomoru1225
1
1
1
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=shift_jis” />
<title>サイトタイトル</title>
</head>
<body>
このテキストの背景色に色をつけたい。
</body>
</html>
このようにし、m.htmlで保存してアップロードし、見てみましたが…テキストの背景に色がつかないようです。
（ちなみにドコモのF700i)