Q&A
解決済のようですが、teratailではソースコードはMarkDownのcodeで提示するようにしてください。
質問文にそのままコードを貼り付けるとインデントが無視されるため、非常に見辛いものとなります。
書き方については、下記質問が参考になるかと。若しくはMarkDownのcodeについてググっても良いと思います。
参考質問:https://teratail.com/questions/238564
再び質問する機会のために、この質問を編集して練習してみてはどうでしょうか。
VSCodeで作成したHTMLをGooglechromeで表示しようとすると文字化けしてしまいます。
まだ勉強を始めたばかりで無知な質問ですいません。
Progateで学習中にVSCodeで作成したHTMLをブラウザで表示するというレッスンがあり、推奨されているGooglechromeへVSCodeで作ったHTMLのファイル名をコピペして貼り付けたところ文字化けして表示されました。
何度試しても同じ状態になります。
これを解決する方法はないでしょうか？
VSCodeで作成したコードはこちらになります。
ファイル名:index.html
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> </head> <body> <h1 class="title">HTML & CSS の開発環境を用意しよう！</h1> </body> </html>
回答2件
0
ベストアンサー
OSのバージョンが書いていないのでわかりませんが、
Windowsだとメモ帳で保存するときの『文字コード』はどうなっていますか？
ヒント:
Windowsでファイルの文字コードを判別する方法
もしUTF-8になっていないならUTF-8に直してみてください。
投稿2021/07/23 14:45
編集2021/07/24 00:50
総合スコア4958
早速の回答をありがとうございます。
教えていただいた通り、VSCodeの右下がShift Jisとなっており、変更するとchromeでの文字化けが直りました。
助かりました。
ありがとうございます。
0
VSCodeの右下赤丸部分をクリックすると
画面上部にエンコードを入力するよう求められます。
UTF-8を入力または選択して保存し直せば治ると思います。
投稿2021/07/23 14:43
総合スコア948
あなたの回答
tips
プレビュー
