html safariでの文字化け

2012/09/15 13:19

このQ&Aのポイント

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

html safariでの文字化け

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

madokamizuki
お礼率66% (20/30)

ホームページ作成ソフト
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

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

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2012/09/15 17:36 回答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 ) でチェック

質問者