VSコードのコード（？）が反映されない

### 前提・実現したいこと
VSコードにコードを反映させる
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

VSコードに＜！DOCTYPE＞などのコード（？）が通常色（白）で表示されてしまい、実行できない。

該当のソースコード

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Progate</title>
  </head>
  <body>
    <h1 class="title">HTML & CSS の開発環境を用意しよう！</h1>
  </body>
</html>

試したこと

ここに問題に対して試したことを記載してください。
Jpanese language pack for Visual Studio　Code
以外をすべてアンインストール。再起動。別のコードを入力。

補足情報（FW/ツールのバージョンなど）

Windows１０

行動規範の内容に同意します

回答1件

ベストアンサー

ファイル名をindex-HTMLからindex.htmlに変更してください。HTMLファイルと判断されるには、ファイル名の拡張子を「.html」などにする必要があります。

なお、VSCodeの左側に表示されているファイル名の一覧(エクスプローラーバー)で変更作業をすると、ファイルを編集中の状態のままでもファイル名を変更できます。一覧中のindex-HTMLを右クリックして「名前の変更」を選択するか、クリックしてからF2キーを押すなどしてから、新しいファイル名を入力してください。

投稿2021/02/03 16:40