• 締切済み

携帯サイトのhtmlの拡張子について

現在携帯サイトを制作しております。 ネットで色々と調べまして、docomoに合わせて拡張子を.xhtmlにしています。この場合、auの携帯では問題なく表示されるのでしょうか? auのシミュレータが配信中止のため、表示を確認できずとても困っています。それともう一点、これもdocomoにあわせてhead内のcssの記述を <![CDATA[ ~ ]]>とするとソフトバンクのシミュレータでcssが反映されなくなります。何かいい方法はないでしょうか? どうか宜しくお願いいたします。

みんなの回答

  • t_ohta
  • ベストアンサー率38% (5077/13265)
回答No.2

拡張子は特に気にしなくても大丈夫です。 XHTMLで書いていても.htmlとしていたり、CGIが動いていれば.cgiや.phpなども普通に使っています。 スタイルシートについては、docomoの場合head内で記述できる範囲が限定されていて不便なので、各タグのstyle属性に記述する事が多いです。 各タグのstyle属性に記述しておけばキャリアに関係なく適用されます。 但し、使えるタグやスタイルはキャリアによって癖があるので、細かくデザインしたいのであればキャリア毎に出し別けることも必要になります。

mart5633
質問者

補足

回答ありがとうございます。 docomoのcssがインラインのみ反映されるとのことっだたので ヘッダ内に書いても反映されるaのみ <![CDATA[ a:link{color:#029ae4;} a:visited{color:#029ae4;} ]]> と記述していました。 ただ、ソフトバンクのシミュレータで リンクにcssが反映されないのが気になります。 記述の方法は <![CDATA[   ~ ]]> であっているのでしょうか? 宜しくお願いいたします。

  • palsu
  • ベストアンサー率57% (4/7)
回答No.1

初めまして。ケータイサイトを作っていらっしゃるのですか。 ちなみにサイト自体はパソコンで作っていらっしゃるのですよね? テキストエディタ等で作成したhtmlは初心者には、少し厳しいものがあります。 cssだけに限らず、htmlタグもケータイでは表示されないこともありますので、全機種に対応させようというのは難しいかもしれません。 あまりタグを使わず、ホームページサーバをケータイサイト用のサーバにアップロードし(ハム島などは簡単です)サイト自体の容量を大きくしないことをお勧めします。 パソコンと違いケータイにはCPU等が搭載されていないので、処理にも限界があることを理解した上で作られる方がよろしいでしょう。

mart5633
質問者

お礼

ありがとうございます。 制作の参考にさせていただきます。

関連するQ&A

  • 携帯サイトの拡張子

    現在携帯サイトを作っているのですが、 docomoが正常に見ることが出来ません。 と言うのも色々調べてみると、拡張子を「xhtml」にしないとdocomoでは cssが反映されないと出てきました。 これは問題ないのでしょうか? 他に「html」のままcssを適応することは出来ないのでしょうか?

  • iモードとCSS

    お世話になっております。 いろいろ検索して携帯サイトをXHTML+CSSで作り始めました。 決め手はdocomoがインラインではありますが「CSSに対応している」という記述を見つけたからです。 数ページ作り、ソフトバンクではバッチリです。 たぶんAUも大丈夫だろうと思います。 問題はdocomoで、「iモードHTMLシミュレーターII」で確認すると、CSSがまったく付いてません・・・ショックです。 ■インラインCSSが使えるというのはガセ? ■シミュレーターがいい加減? ■何か間違ってる?(DTD?) ■docomoがXHTMLに対応している意味は・・・? どなたか詳しい方よろしくお願いします。 それと、DTDは下記を使用しており、 ソフトバンクは問題ありません。AUも。docomoでは?関係ありますか? <!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"> よろしくお願いします。

  • モバイルサイトでxhmlで作って、拡張子をhtmlで表示させたい。

    ドコモで下の例のように、テキストの一部に背景色をつけたいのですが 例) http://mc.rumic.org/index.html この部分↓ <div style="font-size:smaller; background-color:#ffe0e0;"> <span style="color:#ff0080;">もばこまっ!</span>では、ケータイで手軽に読める数コマの笑えるマンガを掲載しています。お楽しみ下さい。 </div> ドコモで表示させるには、xhtmlで拡張子を.xhtmlにしなければならないことが分かりました。 ですが記載しているQRコードの関係で、拡張子が.htmlではないと非常にマズイのです。 いくつかのモバイルサイトを見ましたが、 例)http://mc.rumic.org/index.html どれも拡張子が.htmlなのですが、これはどういうことですか? 同じソースで同じファイル名で見るとドコモでは見ることができず、 けど拡張子を.xhtmlにすると背景色がでてきます。 ●xhtmlでデザインしたい ●だがアクセスは.htmlである この2つが絶対条件の場合、どのような方法があるのでしょうか? モバイルサイト制作での経験が浅く分からないので、非常に困っています。 どうかお力をお貸しください。よろしくお願いします。

  • 携帯サイトで中央揃えなどが認識されません

    3キャリア共通の携帯サイトを作成しています。 宣言は下記の通りです。 <?xml version="1.0" encording="Shift_JIS"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.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="application/xhtml+xml; charset-Shift_JIS"/> ------------------------ レンタルサーバーにあげてみると、 <div style="text-align:center;">での中央揃えや、<span>タグでのフォントサイズ指定が反映されません。 拡張子を「.xhtml」にして直接ファイル名指定してアクセスすると、ドコモでは反映しますが、ソフトバンクではエラーとなり、表示がされません。 色々な質問サイトや書籍を調べたのですが、これといったものがなく。。。 サーバー側の設定等なのでしょうか? それとも記述が違う、足りないといったことが原因でしょうか。 可能性のありそうな原因のアドバイスをいただけませんでしょうか。 モバイルサイトの作成ははじめてのため、お手上げ状態です。 よろしくお願いします。

    • ベストアンサー
    • PHP
  • iモードにおけるCSS

    現在PCサイトの携帯版を制作しております。 auのEzwebブラウザはCSSをサポートしているようですが、DoCoMoのi-modeでは CSSは使えないのでしょうか?「iモードシミュレータ」というDoCoMo配布のソフトを使ってみたところ全くCSSを読んでくれません。 DoCoMoのサイトを見るとi-CSSというものもあるようですが具体的仕様が載っていなくて良く分かりません。これを解説しているサイトを知ってる方いらっしゃいましたら教えて下さい。

    • ベストアンサー
    • HTML
  • 携帯サイトでphpを使いdocomo宣言をすると、PCで上手く表示されない

    現在、携帯サイトを作っているのですが、下記のような書き方だとdocomoではCSSもきいて上手く表示されるのですが、I Eで表示させようとするとダウンロード画面が出てきます。 PC、携帯、共に同じ表示にさせたいのですが、どうすればいいでしょうか。 ご教授お願いします。 <?php header("Content-type: application/xhtml+xml;charset=Shift_JIS"); ?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_JIS" />

    • ベストアンサー
    • PHP
  • 携帯サイトの作り方 XHTMLについて教えてください。

    3キャリア共通の携帯サイトを作成したいと思っています。 見よう見まねで、XHTMLのサイトを作成しましたが、 ドコモから配布されているシュミレーターでは、 問題なく表示されているのですが、実機で試すと うまく表示されません。 auの端末は、問題なく表示されます。 PC上でも、問題なく表示されます。 SBは端末がないので、まだ未確認なのですが。。。 共通では、表示が不可能なのでしょうか? 全キャリア共通で表示する方法を、 タグで教えて頂けると助かります! ちなみに、下記が、現在使用しているものですが、 これが間違っているものなのか、ご存じの方がいれば 何卒、ご教授願います。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Cache-Control" content="no-cache" /> <!--<meta name="vnd.up.markable" wml:forua="true" content="false" />-->

  • 動画の拡張子について

    PCで編集した動画をケータイでも閲覧できるようにファイル形式を変換したいと思っています。 わたしの使っているケータイではwmv,asf,mp4,3gp,aviなら閲覧できるようです。 そのいずれかに変換しようと考えていますが、私のケータイだけではなく、他の人が使っているケータイでも閲覧できるようにしたいと考えています。 そこで、上の拡張子でソフトバンクやAUやドコモなどのケータイで幅広く使われている拡張子をご存知でしたら教えてください。

  • 携帯サイトの雛形を作ったのですが、

    携帯サイトの雛形を作ったのですが、 xhtml形式になっているので、修正が必要と言われました。 おそらく最初の数行(xhtmlと書いてある箇所)を html用に修正するのだと思うのですが、わかりません。 (とりあえずこのソースでもほとんどの携帯で表示はされるようです) 1行目は削除とも言われました。 そのほかのエラーはクレセントイブですべて修正したのでだいじょうぶだと 思うのですが・・・。 なるべく多くの機種で表示されないといけません。 どなたかどこをどう修正するのか具体的に教えていただけますか? <?xml version="1.0" encoding="Shift_JIS" ?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content="比較ランキング"> <title>比較ランキング</title> </head> よろしくお願いします。

    • ベストアンサー
    • HTML
  • 携帯サイトを作るとこの画像は何が良いでしょうか?

    今までホームページは作ったことはありますが、携帯サイトを初めて作ろうと思います。 AU、ドコモ、ソフトバンクに対応のページにしたいのですが、 画像は、GIFでもJPEGでも良いのでしょうか? あるいはPNGにしたほうが良いのでしょうか? お願いします。教えてください。 ちなみに、私はドコモの携帯ですが、ドコモとAUは見え方は違うのでしょうか?