HTML

拡張子が表示されない（.html が見えない）

OS の設定で拡張子が非表示

こんな症状

ファイル名が index だけで .html が見えない。ファイルの種類がわからない。OSの初期設定で拡張子が隠されているときに起きるよ。

まず試す

拡張子を表示する設定にする（Windows: 表示→ファイル名拡張子、Mac: Finder設定→すべてのファイル名拡張子を表示）。

html

Windows: エクスプローラー → 表示 → 「ファイル名拡張子」にチェック
Mac: Finder → 設定 → 詳細 → 「すべてのファイル名拡張子を表示」にチェック

これで直らなければ、下の「自分のケース」を確認。

WindowsやMacのデフォルト設定では、ファイルの拡張子（.html, .css, .js）が非表示になっているよ。そのため、style.css.txtのように二重拡張子になっていても気づけず、ブラウザがファイルを正しく認識できないんだ。

✕ エラーが起きるコード

style.css.txt
<!-- OS が拡張子を隠しているため .txt が見えず style.css だと思っている -->

✓ 直したコード

style.css
<!-- エクスプローラー → 表示 → ファイル名拡張子 にチェックを入れる -->

ファイル名に .html や .css の拡張子が表示され、正しい拡張子になっていればOK。

メモ帳で保存すると勝手に .txt が付くことがある。VS Code等のエディタで保存しよう。

この解決法は役立ちましたか？

🚀 HTMLコースで基礎を学ぼう！

エラーの原因を根本から理解するには、基礎を体系的に学ぶのが近道です。完全無料・登録不要。