人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ドコモで下の例のように、テキストの一部に背景色をつけたいのですが

例)
?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である
この2つが絶対条件の場合、どのような方法があるのでしょうか?

●質問者: tomoru1225
●カテゴリ:ウェブ制作
✍キーワード:BODY HTML QRコード XHTML アクセス
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● chrono1742
●20ポイント

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...

◎質問者からの返答

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=shift_jis” />

<title>サイトタイトル</title>

</head>

<body>

このテキストの背景色に色をつけたい。

</body>

</html>

このようにし、m.htmlで保存してアップロードし、見てみましたが…テキストの背景に色がつかないようです。

(ちなみにドコモのF700i)


2 ● y-kawaz
●20ポイント

携帯端末からみたらURL上のファイルの拡張子に意味はありません。

違いが出ているのは恐らくWEBサーバが拡張子に対応する Content-Type として、

html なら text/html を、xhtml なら application/xhtml+xml を出力するような設定になっているからでしょう。

WEBサーバの設定で html でも Content-Type で application/xhtml+xml が出力されるように設定すれば解決すると思います。

◎質問者からの返答

ありがとうございます!

ですがレンタルサーバーでそれは出来ないことがわかりました。

残念です…今後の参考にします!


3 ● ミトコ
●20ポイント

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が使用できないことが分かりました…

そんなわけでこちらの方法は使えないことになりました…

やはり他に方法はないのでしょうか……


4 ● chrono1742
●20ポイント

htmlの記述(例)

<?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が使用できないのです…

今後の参考にさせていただきます!


5 ● ミトコ
●20ポイント

.htaccessを使わずにHTTPヘッダーを出力するのは無理だと思います。

URLはxxx.htmlで、そこからxxx.xhtmlに転送させればいいのではないでしょうか?

◎質問者からの返答

meta転送タグは試しましたが動作しません。

ほかに方法はあるのでしょうか?

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ