※ ChatGPTを利用し、要約された質問です(原文:文字コードをUTF‐8にすると外部CSSが読み込めないようなのですが・・・)
文字コードをUTF-8にすると外部CSSが読み込めない
このQ&Aのポイント
現在、海外向けページを含むサイトを構築するにあたって、文字コードをUTF-8に統一しようとしていますが、HTMLをブラウザで開くと外部スタイルシートが反映されません。
CSS側には@charset "UTF-8";という記述もしていますし、保存もUTF-8Nで行っていますが、原因がわかりません。
XHTMLでないとダメなのでしょうか?アドバイスをお願いします。
文字コードをUTF‐8にすると外部CSSが読み込めないようなのですが・・・
こんにちは。
現在、海外向けページを含むサイトを構築するにあたって、
文字コードをUTF-8に統一しようとしています。
■HTML側
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
以下略
■CSS側
@charset "UTF-8";
* {
margin: 0;
padding: 0;
}
body{
font-family: "Verdana","MS Pゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
font-size: 80%;
color: #333;
background-color: #ccc;
}
以下略
というように記述しているのですが、
HTMLをブラウザで開くと、外部スタイルシートが全く反映されません。
(IE7・NS7.1・Opera9.21・Firefox2.0で同様の結果)
試しに双方をshift-jisに変えてみたら、正常に反映されるようです。
@charsetの記述もしていますし、保存は双方、UTF-8Nで保存しています。
今までsift-jisかEUCでしか作成したことがなく、何がいけないのか原因の見当がつかなくて困っています。
XHTMLでないとダメなのでしょうか・・・?
ぜひ、アドバイスを頂けないでしょうか。よろしくお願いいたします。
お礼
アドバイスありがとうございました。 改行コードを変更しようとした際に、間違ってUnicodeNを選択していることに気づきました。 うわあああ本当にすみません、UTF-8で保存した「つもり」になっていました。 改行コードのアドバイスのおかげで気づけました。 UTF-8NのCR+LFで、正常に表示されました。 本当にすみません!ありがとうございました。