文字コードがhtmlとCSSで異なる場合について

文字コードについてご教授ください。
htmlの<head>に「<meta charset="UTF-8">」、CSSファイルに「@charset "Shift_JIS";」と記述がある場合はどちらが優先されますか？
又はこのように同じでない場合、どのようなエラーなどが起こる可能性がありますか？

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

回答2件

htmlの<head>に「<meta charset="UTF-8">」、CSSファイルに「@charset "Shift_JIS";」と記述がある場合はどちらが優先されますか？

別ファイルなのでhtmlの記述とCSSの記述は関係有りません。（以前はlink要素にcharset属性が付けられましたが今は HTTP の Content-Type ヘッダーが推奨されています）

【<link>: 外部リソースへのリンク要素 - HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/link#Obsolete_attributes

文字コードが違って起こるエラーは全角文字を使っていると、contentが化けるとかコードが正しく解釈されなくなるとかその程度だと思います。

特に縛りが無いのであればUTF-8に統一することをお勧めします。

投稿2019/04/02 18:34

編集2019/04/02 18:35

kei344

総合スコア69625

grasshopa

2019/04/03 04:13

ご回答有難うございます。 htmlとCSSの記述が関係ないということがわかりすっきりいたしました。

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

ベストアンサー

CSS の定義上は、次の順序で文字エンコーディングを決定することがユーザーエージェント（ブラウザ）に要求されています。

HTTP プロトコル上の Content-Type フィールドの charset パラメータの値
スタイルシートファイル自身の BOM、@charset の記述
読み込み元における <link chrset=""> ないし類似の指定
スタイルシートないし読み込み元文書を参照する文字集合
UTF-8 であると仮定する

また、CSS を解釈するユーザーエージェントは、必ずUTF-8 エンコーディングを解釈できねばならないとされています。（最終的に UTF-8 を仮定する以上、UTF-8 が分からないと動作できない）
ですので、通常は CSS の先頭に @charset 指定をしておけばよいのですが、HTML5 なども UTF-8 になっている関係から考えても、あえて別の charset にする理由はないと思います。

投稿2019/04/02 23:49