CSSスタイルシートで使用する文字コードを指定する方法

CSSでスタイルシートで使用する文字コードを指定する方法は非常に簡単で、CSSの@charsetルールを利用してスタイルシートで使用する文字コードを指定します。 @charsetルールの使い方とスタイルシートで使用する文字エンコーディングの指定方法を見てみましょう。

まず第一に、文字セットとエンコーディングとは何なのかを理解しましょう。 文字セットは、書記体系で使用される文字と記号のコレクションです。たとえば、ASCII 文字セット、Unicode 文字セットなどです。文字セット内の文字は、1 バイト以上のバイトとしてコンピュータに保存されます。各バイトまたはバイトのシーケンスは、特定の文字を表します。

文字エンコーディングは、フォントがテキストとしてレンダリングする特定の文字に、特定のバイトまたはバイトのシーケンスをマッピングするためのルールです。

ドキュメント内の文字エンコーディングは、通常、HTML 内で または の形式で指定されます。 HTML では、スタイルシートと HTML ページの文字エンコーディングとして、常に UTF-8 エンコーディングを宣言して使用する必要があります。 HTML5 ドキュメントで文字エンコーディングを設定するには、次の 3 つの宣言のいずれかで十分です。

<！ -  HTTP HEADER  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” ><

！ -  HTML4-style meta  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” >

<！ - 短HTML5元（推荐） - > 
< meta  charset = “utf-8” >

CSS で文字エンコーディングを宣言する必要はほとんどありません。 HTMLで文字エンコーディングを宣言する場合は、スタイルシートで宣言する必要はありません。スタイルシートが別のファイル (HTML 内ではない) にある場合、以下に示す順序でスタイルシートの文字エンコーディングを推測する 4 つの方法があります。4 つの方法がすべて失敗した場合は、デフォルト値が使用されます。ブラウザは、次の優先順位 (最高の優先順位から最低の優先順位) を観察して、スタイル シートの文字エンコーディングを決定します。

1. Web サーバーによって送信された Content-Type HTTP ヘッダーの charset 属性 (または同様のコンテンツについては、上記のスニペットを参照してください)。

2. Unicode バイト オーダー マーク、または @charset ルール。

3. リンク メカニズムの

@charset "字符集名称";

注 : @ 文字セットはスタイルシート位置の先頭 (最初) に出現する必要があり、その前に置くことはできません。

@charset "ISO-8859-1";

次の @charset 宣言は、スタイルシートが ISO-8859-15 文字エンコーディングを使用していることを示しています:

@charset “ISO-8859-15” ; / *拉丁语9的编码（西欧语言，带欧元符号）* /

次は、文字エンコーディングのため無効な @charset 宣言です。名前は次のとおりです。引用符で囲まれていません:

@charset UTF- 8 ;

@charset 宣言の前に空白行があるため、次の宣言も無効です:

@charset“UTF-8” ;