ホームページ  >  記事  >  ウェブフロントエンド  >  CSSファイルをutf-8に設定する方法

CSSファイルをutf-8に設定する方法

青灯夜游
青灯夜游オリジナル
2022-01-20 18:43:194449ブラウズ

CSS では、「@charset」ルールを使用して、文字エンコーディングを「utf-8」に設定できます。このルールは、スタイル ファイルで使用される文字エンコーディングを指定できます。構文は「@charset 」です。 UTF-8" ";" "@charset" ルールはスタイルシートの最初の要素である必要があり、その前に文字を置くことはできません。

CSSファイルをutf-8に設定する方法

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

CSS では、「@charset」ルールを使用して文字エンコーディングを「utf-8」に設定できます。

@charset 属性は、スタイル ファイル (.css 接尾辞) で使用される文字エンコーディングを指定し、CSS ファイルでのみ使用できます。

これはスタイル シートの最初の要素である必要があり、その前に文字やコメントがあってはなりません。

複数の @charset ルールが宣言されている場合、最初のルールのみが使用され、HTML 要素または HTML ページでは使用できません。つまり、c9ccee2e6ea535a969eb3f532ad9fe89 要素内では使用できません。

注: @charset ルールは、HTML ページの文字セット関連の c9ccee2e6ea535a969eb3f532ad9fe89 要素では使用できません。

「@charset」の後に、文字エンコーディングの名前を (引用符で囲んで) 指定します。 構文は次のとおりです。

@charset "字符集名";

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

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

@charset "UTF-8";

例 2: 次のリストの説明 間違った文字セット エンコーディング:

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。