- ベストアンサー
HTML CSSがブラウザで表示されない問題
- HTMLやCSSがブラウザで正しく表示されず、ソースコードがそのまま現れる問題について説明します。
- Mac OSへの最新環境でVSCodeやChrome、Safariを使用しても、HTMLが実行できず、CSSがリンクされないというトラブルシューティングです。
- Live Serverなどの拡張機能を利用しても問題が解決せず、コーディング環境が正常に機能しない理由を考察します。
- yamakawakawa
- お礼率14% (7/49)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
症状から察するに恐らくは単純なコピペミスというか、単純テキストファイルとしてでは無く、余計な書式情報等が付与されたリッチテキスト形式で保存されているせいだと思われます。 お使いのテキストエディタは何ですか？自分はWindows環境一筋なので、一般的なmac環境での標準ソフト環境がどうなっているのか皆目、見当が付かないのですが…ざっと検索した感じだと、mac標準でのテキストエディタは「テキストエディット」というヤツみたいですね。実物が手元に無いので、web検索で出た情報を元に推測で言うしかないのですが…恐らくはそのソフトの「オプション」か或いは「環境設定」という項目を開いて、そこで「フォーマット」を「標準テキスト」に変更すれば良いみたいです。 macの「テキストエディット」はwin版の「メモ帳」とは違って、テキストファイルだけでは無くリッチテキスト形式のファイルも自動判別して扱えるみたいなので。設定とかを事前に「テキストファイル専用」に変更して置かないと、どうやらリッチテキスト形式の方が優先される仕様みたいですので。恐らくはそれで質問者はHTMLファイルとして作成保存したつもりでも、実際には自動的に書式情報が付与されたリッチテキスト形式(word互換性のdocファイル)として保存されているので、ブラウザで開くとHTMLファイルとしては認識されずにwordファイルと同じ扱いになっているものと思われます。 情報が少ないので詳細は分かりかねますが、とりあえずはこういった可能性が考えられますので。まずは前述の手順で「テキストエディット」の環境設定などを見直してやり直してみてください。VScodeでも上手く行かなかったのは、その前の時点で既にリッチテキスト形式に変換されてしまった後だからだと思われ。
お礼