html safariでの文字化け

解決済

質問者：madokamizuki
質問日時：2012/09/15 13:19
回答数：1件

この度、素人なりに頑張って自分のＨＰを作りました。

ソフトはDreamweaverで、ＦＴＰで転送しています。

自分のＰＣはwindows7で、ＩＥｘｐｌｏｒｅｒからＨＰを見た時は、どこも問題なく、きれいに並んでいました。

しかし、スマホの、iphoneから自分のサイトをチェックしたら日本語部分が全部文字化けしてました。

あれ、？と思って、色々検索をかけて、素人の判断でDreamweaverの

修正、ページプロパティ、エンコード欄の変更（ＵＴＦ-8から日本語JIS
への変更）をしたら、今度はＤＷ内でも完全文字化けになり、

Ｆ12を押してＩＥで見てみようとしたら勝手に保存、そして勝手にアップロードされてしまい、

ＤＷ内で文字化けしていたものは、ＩＥで見てみても同じく文字化けしてました＞＿＜

あーと思って、ファイルのバックアップはないか、と探してみましたが無く、
とうとうファイル自体が破損してしまったようです＞＿＜

これはもうあきらめて　また日本語部分は直接入力、修正していくしかないと思うのですが、

完全文字化けしたあと、やっぱりＵＴＦ-8で正しいんじゃないか？と思って
日本語ＪＩＳからＵＴＦ-8に戻しました。（もう文字化けしたところは戻せませんでしたが…泣）
設定も全部見直しました。

文字エンコードは、ＵＴＦ-８で統一できてるはずなのですが、
どうしてＩＥではキレイに反映されて、safariだと反映されないのでしょうか＞＿＜

headの後に、この記載もしております
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
エンコードもＵＴＦ-8で揃っております。

スマホでも見れるようにしたいのですが、
もし文字化けしないような手順がありましたら教えて頂けませんでしょうか＞＿＜

ほとんどのサイトはスマホで文字化けしないのに、
自分のサイトは文字化けする、というのは、何か設定手順が違うのですよね？

同じく、自分のサイトがサファリで文字化け、という方の質問投稿がありましたが、
そちらを見て、色々試しましたが解決に至りませんでした。

もし、何かアドバイスいただけますと、嬉しいです、よろしくお願い致します＞＿＜

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2012/09/15 17:36

<!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 )
でチェック