CSSでファイルのエンコーディングを設定する方法

CSS では、「@charset」ルールを使用してエンコードを設定できます。構文形式は「@charset "文字エンコード タイプ";」です。 「@charset」ルールでは、スタイル シートで使用される文字エンコーディングを指定できます。これはスタイル シートの最初の要素である必要があり、任意の文字で始めることはできません。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSS では、「@charset」ルールを使用してエンコードを設定できます。

CSS @charset ルール

@charset ルールは、スタイル シートで使用される文字エンコーディングを指定します。

@charset ルールはスタイルシートの最初の要素である必要があり、文字で始めることはできません。複数の @charset ルールが定義されている場合は、最初のルールのみが使用されます。 @charset ルールは、(HTML 要素上の) style 属性内、または HTML ページの文字セットに関連する

「@charset」の後に文字エンコーディング名を(引用符で囲んで)指定します。例:

@charset "utf-8";

注: @charset ルールは、HTML ページの文字セット関連の

構文:

@charset "字符集名";

説明 文字セット名では大文字と小文字が区別されますが、新しいスタイル シートの場合は常に UTF-8 である必要があります。これは、IANA レジストリで定義された Web セーフ文字エンコーディングの名前である必要があります。

ブラウザのサポート:

すべての主要なブラウザは @charset ルールをサポートしています

CSS @charset ルールの簡単な例

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

@charset "ISO-8859-15";

例 2: 次のリストは、間違った文字セット エンコーディングを示しています:

@charset 'iso-8859-15'; /* 使用了错误的引用样式，因此它无效*/
@charset  UTF-8;   /* 无效，因为字符编码名称未包含在引号中*/
@charset  "UTF-8"; /*多个空格无效 */
@charset "UTF-8";/* 无效，在规则之前有一个字符（空格）*/

注: スタイル シートで使用されている特殊文字が、スタイル シートで指定されている文字エンコーディングで表現できない場合は、「文字エスケープ」を使用して文字をエスケープできます。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSSでファイルのエンコーディングを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。