HTML
👁️ 拡張子が表示されない（.html が見えない）
OS の設定で拡張子が非表示
😰 こんな症状
ファイル名が index だけで .html が見えない。ファイルの種類がわからない。OSの初期設定で拡張子が隠されているときに起きるよ。
🔍 原因
WindowsやMacのデフォルト設定では、ファイルの拡張子（.html, .css, .js）が非表示になっているよ。そのため、style.css.txtのように二重拡張子になっていても気づけず、ブラウザがファイルを正しく認識できないんだ。
❌ エラーが起きるコード
style.css.txt
<!-- OS が拡張子を隠しているため .txt が見えず style.css だと思っている -->✅ 直し方
1. Windows: エクスプローラーの「表示」→「ファイル名拡張子」にチェックを入れる。 2. Mac: Finderの「設定」→「詳細」→「すべてのファイル名拡張子を表示」にチェック。 3. 拡張子が表示されたら、ファイル名が正しいか確認する（style.css.txtになっていないか等）。
✅ 修正後のコード
style.css
<!-- エクスプローラー → 表示 → ファイル名拡張子 にチェックを入れる -->この解決法は役立ちましたか？
🔗 関連するエラー
- 画像が表示されない — 画像パスが間違っている
- faviconが表示されない — faviconのパスまたは形式が間違っている
- iframeが表示されない — 埋め込み先がiframeを拒否している
- videoタグで動画が再生されない — ファイルパスまたはフォーマットの問題
- dialogタグが表示されない — showModal()を呼んでいない
🔗 別カテゴリの関連エラー
📖 この問題を学べるレッスン
📝 関連ブログ記事
- プログラミングのエラーメッセージの読み方 — エラーの読み方を基礎から解説
- HTMLとは？初心者向けにわかりやすく解説 — タグの書き方・ページ構造の基本
- HTMLのパス（相対パス・絶対パス）の書き方 — パスの書き方を初心者向けに解説