Q&A
どういうコードでどういう内容を表示させようとしてどう文字化けしてるのでしょうか。内容次第では文字化けではない可能性もあるので、文章説明だけでは応えようがないです。
WinsowsServer2008でIIS+IEで稼働していたシステムを
WindowsServer2019環境に更新してEdgeで運用します。
記述言語はHTML/ASPファイルからJSを読み込んでいます。
WindowsServer上のEdgeでは文字が正しく表示されるのですが、
同一ネットワーク上に接続されているWindows10クライアントPCの
Edgeで表示させると文字化けしてしまいます。
サーバー側もクライアント側も同じ96.0.1054.62バージョンが入っています。
文字化けが何の問題で発生していて、どこを解消すべきか御教示頂きたく
宜しくお願い致します。
コードは以下のような感じです
<HTML>
<HEAD>
<Title>部品選択</Title>
<Script language "JavaScript" src="BB.js"></Script>
</HEAD>
<BODY>
<Script language "JavaScript">
<!--
pageno='BB1'
//-->
</Script>
<!--上部タイトル表示-->
<Font size="10" color="#FF0000">
<Div align="center">
部品選択
</Div>
</Font>
<!--各単品ボックス表示-->
<Font size=2>
<B>
<Div ID="Box10" style="position:absolute;left:330;top:270;"
onClick="PageJump(10)"
onMouseOver="ColorGray(10);"
onMouseOut="ColorBlack(10);">
ﾎﾞﾙﾄ
</Div>
<Div ID="Box11" style="position:absolute;left:385;top:240;"
onClick="PageJump(11)"
onMouseOver="ColorGray(11);"
onMouseOut="ColorBlack(11);">
ﾅｯﾄ
</Div>
</B>
</Font>
</BODY>
</HTML>
投降後、いろいろ傾向を調べてみましたが仰るっ通り文字コードの問題ではなく別の要因のようです。
上記、<Div> </Div>の間のコードを30個程度、画面上に並べて展開図のようなものを表示しているのですが、表示させている「部品数」「表示させる名称」「文字の長さ」などを変えると正しく表示されたりされなかったりするようです。
JavaScriptでは並べた部品名称の上にカーソルが当たった時に部品名称の色を変える処理のために使用しています。
質問は編集できますしコメント欄ではマークダウン使えませんので
回答1件
0
ベストアンサー
文字化けが何の問題で発生していて、どこを解消すべきか
だいぶ古い形式の HTML の書き方をされているようですね。
VSCode で確認したところ、多くの警告（波線箇所）がありました。
文字化けの原因は特定できていないですが、新しい書き方に移行したほうが良さそうに思います。
■ 主な対応箇所
・ファイルの保存時の文字コードを「ShiftJIS」→「UTF-8」に変更
・DOCTYPE を追加
・文字コード指定を追加
・タグ・属性の大文字を小文字に変更
・script タグの「language "JavaScript"」を除去
・script タグ内の「<!-- ～ //-->」を除去
・style の位置指定に単位「px」を追加。
・fontタグ（廃止済み要素）、bタグによる文字装飾を CSS に移行
■ 修正例
＜参考＞
■ HTML4とHTML5の違い！修正箇所を理解してHTML5に移行しよう
https://haniwaman.com/html5/
投稿2021/12/25 08:13
編集2021/12/25 09:55
総合スコア4633
fontタグ（廃止済み要素）も消しときたいですね。
インライン要素の中にブロック要素が入ってたり、文法的にもあれな感じに
m.ts10806 さん、ご指摘ありがとうございます。そうですね、こだわるのであればそのあたりも対応した方が良さそうです。
とりあえず、そのままだとレイアウトがずれてしまっていたので、CSSの部分は下記に修正しました。
変更前）left:330;top:270;
変更後）left:330px;top:270px;
当初、素人が見様見真似で作ったソースコードで、文字コードの指定が無いため、
表示する文字列の組み合わせによってコードの判別が可能だったり不可だったりしているようです。
<meta http-equiv="Content-Type" content="text/html;charset=Shift-JIS">を
入れるだけでクライアント表示は解決できたのですが、サーバー側のEdgeでは
何もしなくても正しく表示できている理由は分かりません。
御指摘の通りかなり古いHTMLのようなので
使い続けるのであれば、根本的に見直した方がよさそうですね。
御教示有難うございました。
> fontタグ（廃止済み要素）も消しときたいですね。
蛇足ですが、修正例を更新しておきました。
fontタグ（廃止済み要素）等を CSS に移してみました。
> Windows10クライアントPCのEdgeで表示させると文字化けしてしまいます。
ちょっと情報が古い(HTML 4.01仕様)ですが、以下のような記載がありました。
■ Webブラウザが文字コードを判定する基準は？
https://atmarkit.itmedia.co.jp/ait/articles/0412/25/news006.html
HTML 4.01仕様としては、以下の優先順位で文字コードを判別することになっているようです。
> 1. HTTPにおけるContent-Typeヘッダのcharsetパラメータ
> 2. HTML文書内のMETA宣言およびhttp-equiv属性で設定された、Content-Typeヘッダのcharsetパラメータ
> 3. HTML文書内の各要素のcharset属性
今回の対象のシステムは「IIS+IEで稼働していたシステム」ということですので、
一度、IIS 側の Content-Type の指定が何になっているか確認してみると良いかもしれません。
もしかしたら IIS の設定が「UTF-8」となっており、ファイル自体が「ShiftJIS」となっている為に文字化けを起こしていたのかもしれません。
■ レスポンスヘッダーの Content-Type に文字コードを指定する方法
https://teratail.com/questions/227832
> サーバー側のEdgeでは何もしなくても正しく表示できている理由は分かりません。
謎ですね。。同じバージョンのブラウザであれば基本的に同じ結果になりそうな気がしますが・・
あなたの回答
tips
プレビュー
