症状
HTMLで作成したファイルを開いたところ、問題が発生しました。
いわゆる文字化けです。
2つのファイルを3つのブラウザで開いてみたところ、次のような結果となりました。
文字化けでしたので、<meta>に問題があると確認したのですが、HTMLも下の通りで、原因不明となってしまいました。
※なお、このファイルはローカルで開いているため、サーバーにはあげておりません。
ファイルとブラウザ表示の結果
InternetExplore | GoogleChrome | MS Edge | |
---|---|---|---|
FileA | 文字化け発生 | 異常なし | 文字化け発生 |
FileB | 異常なし | 異常なし | 異常なし |
上記のようにFileAでブラウザによって文字化けをしたりしなかったりの状態です。
記述されたHTML
FileA
HTML
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta scheme="utf-8"> 5 <title>######</title> 6 <meta http-equiv="refresh" content="1;url=***.html"> 7 </head> 8 <body style="background-image: url(***.gif);"> 9 <!--######--> 10<script type="text/javascript"> 11 (Script省略) 12</script> 13 <!-- ###### --> 14 15 <center> 16 <font size="7" color="blue"> 17 <b> 18 ######<br> 19 </b> 20 </font> 21 <font size="5"> 22 <b> 23 ######<br> 24 </b> 25 </font> 26 <font size="4"> 27 ######<br> 28 </font> 29 <font size="5" color="red"> 30 ###### 31 </font> 32 </center> 33 </body> 34</html>
FileB
HTML
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset='utf-8'> 5 <title>######</title> 6 <meta http-equiv="refresh" content="3;url=***.html"> 7 </head> 8 <body style="background-image: url(***.gif);"> 9 <script src="***.js"></script> 10 <center> 11 <font size="7" color="blue"> 12 <b> 13 ######<br> 14 </b> 15 </font> 16 <font size="5"> 17 <b> 18 ######<br> 19 </b> 20 </font> 21 <font size="4"> 22 ######<br> 23 </font> 24 <font size="5" color="red"> 25 ######<br> 26 </font> 27 <font size="5">######</font> 28 </body> 29</html>
質問
このような状況であるのですが、
1、なぜブラウザによって文字化けが起こることと起こらないことがあるのか。
2、こういった状況を回避するためにHTMLを直すと検討した際にどうやって直したらいいのか
お答え願います。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/09/22 20:07