htmlが文字化けする場合の対処法

お久しぶりです。bzyです。

今回は新しいサイト(おかず自動決定アプリ)を作成しようとした時に日本語が文字化けした時の対処法を記載します。

事象

まず事象として自分のローカル環境でdockerの開発環境を整えhtmlを書き始めました。
久しぶりに<!DOCTYPE>から書き始めたのが悪かったのですが
いざブラウザで確認したところ以下のように文字化けしていました。

文字化けだわぁ

原因

原因はすごく簡単でヘッダーに以下の記述がないためでした。

<meta charset='utf-8'>

これで解決しました。

やったぁ

まとめ

久々にやると色々忘れてしまっていますね。
勉強にはなりました。
以上です。

PS

献立を勝手に決めてくれるアプリは以下のurlから飛べます。
今後サービス展開していく予定です。

献立自動生成アプリhttps://okazu.sqlinjection.work

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です