html safariでの文字化け

このQ&Aのポイント
  • 自分のサイトがスマホのsafariで文字化けする問題について、Dreamweaverでの修正や文字エンコードの変更を試みたがうまくいかず、ファイル自体が破損してしまった。
  • 文字エンコードはUTF-8で揃っており、IEでは正しく反映されるが、safariでは反映されない。
  • スマホで文字化けしないような手順や設定手順があれば教えてほしい。他のサイトでは文字化けしないのになぜ自分のサイトだけが文字化けするのか理解できない。
回答を見る
  • ベストアンサー

html safariでの文字化け

この度、素人なりに頑張って自分のHPを作りました。 ソフトはDreamweaverで、FTPで転送しています。 自分のPCはwindows7で、IExplorerからHPを見た時は、どこも問題なく、きれいに並んでいました。 しかし、スマホの、iphoneから自分のサイトをチェックしたら日本語部分が全部文字化けしてました。 あれ、?と思って、色々検索をかけて、素人の判断でDreamweaverの 修正、ページプロパティ、エンコード欄の変更(UTF-8から日本語JIS への変更)をしたら、今度はDW内でも完全文字化けになり、 F12を押してIEで見てみようとしたら勝手に保存、そして勝手にアップロードされてしまい、 DW内で文字化けしていたものは、IEで見てみても同じく文字化けしてました>_< あーと思って、ファイルのバックアップはないか、と探してみましたが無く、 とうとうファイル自体が破損してしまったようです>_< これはもうあきらめて また日本語部分は直接入力、修正していくしかないと思うのですが、 完全文字化けしたあと、やっぱりUTF-8で正しいんじゃないか?と思って 日本語JISからUTF-8に戻しました。(もう文字化けしたところは戻せませんでしたが…泣) 設定も全部見直しました。 文字エンコードは、UTF-8で統一できてるはずなのですが、 どうしてIEではキレイに反映されて、safariだと反映されないのでしょうか>_< headの後に、この記載もしております <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> エンコードもUTF-8で揃っております。 スマホでも見れるようにしたいのですが、 もし文字化けしないような手順がありましたら教えて頂けませんでしょうか>_< ほとんどのサイトはスマホで文字化けしないのに、 自分のサイトは文字化けする、というのは、何か設定手順が違うのですよね? 同じく、自分のサイトがサファリで文字化け、という方の質問投稿がありましたが、 そちらを見て、色々試しましたが解決に至りませんでした。 もし、何かアドバイスいただけますと、嬉しいです、よろしくお願い致します>_<

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>サンプル</title> あるいは、HTML5なら <!doctype html> <head> <meta charset="utf-8"> <title>サンプル</title> Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html ) でチェック

madokamizuki
質問者

お礼

ふおおお (一日もかけて一人であーだこーだしてたのに) コピペで解決いたしました ∑(>д<) 本当にありがとうございます!! 感動です。 ありがとうございました(*´∀`*)

関連するQ&A

  • IEで表示すると文字化けしてしまう。

    PHPでHPを作成し、IEで確認すると、 レイアウトもくずれて文字化けもします。 IEのエンコードの設定を確認すると日本語(EUC)になっていました。 そこでエンコードの設定を日本語(シフトJIS)に変更すると正常に表示されました。 IEの設定を変更することなく、正常に表示できるようにするにはどうしたらよいのでしょうか。 検索で調べて、以下の1行を追加してみましたが、変わりませんでした。 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> どなたかアドバイスお願い致します。

    • ベストアンサー
    • PHP
  • 見るパソコンによって文字化けする

    自分のHPを持っています。 構成は縦の2分割フレームで、基本文字コードは日本語SHIFT-JISです。 これを、片フレームの文字コードがUnicode(UTF-8)になると、見るPCによってちゃんと見えたり、文字化けして見えたりします。 文字化けした時には、手動にて当該フレーム上でUTF-8にエンコード指定してやるとちゃんと表示されます。 ブラウザはIE7 for WinXP SP2でエンコードの設定はどのパソコンも同じになっています。 UTF-8の方のソースには 『<META http-equiv="Content-type" content="text/html; charset=UTF-8" />』 を入れてやってますが状況は先に述べた通りです。 フレームに表示させず、普通に一枚で表示させるとちゃんと表示されます。フレームの時のみ状況がまちまちのようです。 どのパソコンで見ても適切なエンコードが選ばれるようにするにはどうすればいいのでしょうか? ちなみに、UTF-8のソースは、GoogleMapsをHTML化した物です。

  • Dreamweaverでソースが文字化けしてしまいました。

    Dreamweaverでソースが文字化けしてしまいました。 メタタグが <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> になってたので、 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> に修正して、保存して終了したあとに、再度Dreamweaverで開いたところ、ソースが全部文字化けしてしまいました。 元に戻そうと、メタタグをもとのutf-8に戻しても直りません。 メタタグをShift_JISにして、ページプロパティのエンコーディングをShift_JISに合わせると、ソース全部が文字化けしていた状態は直ったんですが、ところどころ文字化け状態のままになっています。 完全にもとの状態に戻したいのですが、どうしたら文字化けが直るのでしょうか。 教えてください。 よろしくお願いします。

  • UTF-8ファイルを文字化けなく表示したい

    Windows7+IE8(version8.0.7600)を使っています。 UTF-8で作成したファイルをブラウザで開くと日本語が文字化けするため、タスクバーの表示--エンコードでその都度シフトJISに転換する必要があり、面倒です。 UTF-8のファイルを自動的に文字化けしない日本語で表示させる方法はないでしょうか?

  • IE8の文字化け。

    IE8の文字化け。 Windows7のIE8を使っています。 文字が少し小さくなったなと少し気になりましたが、しばらくそのままで使っていました。 ニコニコ動画を久しぶりに見たらコメント欄が半分切れて表示されておらず、コメントも書き込めません。 それ以外は問題なく使えていますが、少々見にくいのと、ニコニコ動画以外のサイトでもこういう問題が起こったら大変なので、なんとか修復したく質問をしました。 右クリ、エンコードから「自動選択」のチェックを外しています。 「Unicode(UTF-8)」となっているのを、 「日本語(自動選択)」 「日本語(EUC)」 「日本語(JIS)」 これらに変えてみましたが、すべて文字化けします。 「Unicode(UTF-8)」しか日本語表示できていない状態です。 ドキュメントの方向、左から右となっています。 なお、システムの復元は使えません。 宜しくお願いします。

  • HTMLでどうしても文字化け(エンコード指定がなぜか反映されない)

    HTMLでどうしても文字化け(エンコード指定がなぜか反映されない) こんにちわ、私が所属しているところは例年活動の発表ページを作成して、今年は私が作成担当になっています。 去年先輩が作ったものを参考に作っているのですがサーバに上げて見たところエンコードがおかしいのかどうしても文字化けしてしまいます。 以下に詳しい症状を箇条書きします。どなたか知恵を貸してくださる方、よろしくお願いします。 自スペック:WindowsVista:FireFox3.6.9 サーバの設定:エンコードはutf-8で統一されている(去年のページもすべてutf-8でした) 症状:去年と同様にcssでもhtmlでもutf-8を文字エンコードに指定しているが文字化け、ブラウザのエンコードをshift_jisに変えると直る ↓ 指定エンコードをshift_jisに変えてみるがなぜかutf-8で表示される ↓ ソースをterapadでutf-8に変換してみてからソースを上げなおしてみる ↓ やっぱりエンコードをshift_jisに変えないと文字化けが直らない 去年のページではutf-8で問題なく表示されており、指定コードの周辺は変えていないのでなぜ文字化けするかが不明です。 日本語のエンコードは普通shift_jisであってutf-8ではないですよね? 去年のページがなぜutf-8でも普通に表示されているのか、それがなぜほとんど同じ構成の自分が作ったページではできないのか、知恵をお貸しください。

    • ベストアンサー
    • HTML
  • どうしても文字化けが直りません

    拡張子辞典というサイト(http://jisyo.com/viewer/) で拡張子名で検索を選び検索をしたところ どうしても文字化けをしてしまいます。 IEの表示→エンコードから 日本語(自動選択) 日本語(シフトJIS) 日本語(EUC) などをそれぞれ選択したのですが どうしても一部が文字化けしてしまいます また自動選択のチェックを付けたり外したり も試しましたがだめでした。 どうしたら文字化けしなくなくなるでしょうか IEは6,0SP1 OSはXPSPIホームエディションです

  • ウェブサイトが文字化けします

    知り合いのウェブサイトのことで質問させていただきます。 サーバーがアメリカにあり、アップデートはネット上で行うアメリカのウェブ作成ツール(詳しくは聞いてないのですが)というのを利用しているらしいのですが、今までデフォルトで普通に日本語が表示されていたのに、1週間ほど前から文字化けするようになりました。 ブラウザでエンコードをすれば元に戻るのですが、しないと化けています。 ちなみにIEで見たときは「西ヨーロッパ言語」になっていて、「日本語-自動選択」にエンコードして正しく表示されました。 Firefoxでは「西欧」になっていて「日本語-Shift-JIS」にしたら直りました。 htmlソースに <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> と書かれていたので、charsetをShift-JISとISO-2022-JPとに変えてみてもらったのですが、全然なおりません。 どうしたら文字化けしなくなりますか? もちろんこれは私のPCでのみ起こっている現象ではなく、どこで見てもそうなっています。 ご助言お願いいたします。

  • Dreamweaverでの文字化けについて

    Adobe Dreamweaverでファイルを編集していると、日本語が文字化けしてしまいます。 Dwで作成されたhtmlページが文字化けしている、既存のファイルをDwで開くと文字化けしている、などの問題の解決方法はあったのですが、編集中のものが文字化けするという問題の解決方法が見つからないんです。 画像を見ていただくとわかると思いますが、メニューなどの表示に問題はありません。 エンコードを変更したりもしてみましたが解決出来ませんでした。 よろしければお知恵を拝借させていただきたいです。

  • サーバーにアップすると文字化けするんです

    PHP初心者です。 文字化けの原因がわからず、困っております。 サーバーにphpファイルをUPして、 IEで確認すると文字化けをしてしまうんです。 IEの[表示/エンコード]で[日本語(自動選択)]をクリックすると、文字化けは解消されますが、 ページを切り替えると、また文字化けしてしまって・・・。 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />の記述は怠っていません。 ローカルホストから確認したときは、文字化けせずに表示されています。 何が原因なのか見当がつきません。 どうすれば、文字化けを解消できるでしょうか。 お力をお貸しくださいませm(__)m

    • ベストアンサー
    • PHP

専門家に質問してみよう