HTML
🔤 文字化けする
charset の指定がない
😰 こんな症状
ブラウザで開くと日本語が「�」や「æ–‡å—」のように表示される。
🔍 原因
HTML ファイルの <head> に <meta charset="UTF-8"> が書かれていない。
❌ エラーが起きるコード
<head><title>ページ</title></head>
<!-- charset 指定なし -->✅ 直し方
<head> の最初の行に <meta charset="UTF-8"> を追加する。ファイルの保存形式も UTF-8 になっているか確認する。
✅ 修正後のコード
<head><meta charset="UTF-8"><title>ページ</title></head>この解決法は役立ちましたか？
🔗 関連するエラー
- スタイルが反映されない — CSSファイルが読み込まれていない
- 画像が表示されない — 画像パスが間違っている
- ページのレイアウトが崩れる — タグの閉じ忘れ
- リンクをクリックしても何も起きない — href 属性の書き忘れ
- フォームの送信ボタンが動かない — type="submit" の書き忘れ
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説