@charset规则怎么用

在css中@charset规则用于指定样式表中使用的字符编码；它必须是样式表中的第一个元素，如果定义了多个@charset规则，则只会使用第一个。下面本篇文章就来带大家认识一下@charset规则，希望对大家有所帮助。

CSS @charset规则

@charset规则必须在样式表最开头，它之前不能有任何元素（字符），就连注释也不行。

在“@charset”之后，指定字符编码的名称（在引号中）。例如：

@charset "utf-8";

登录后复制

注：@charset规则不能在HTML页面的字符集相关的<style>元素中使用。

语法：

@charset "字符集名";

登录后复制

说明该字符集名称是区分大小写的，但对于新样式表，它应始终为UTF-8。它必须是在IANA注册表中定义的Web安全字符编码的名称。

浏览器支持：

所有主流浏览器都支持@charset规则，比如：谷歌Chrome 2.0、Internet Explorer 5.5、Firefox 1.4、Safari 4.0、Opera 9.0

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";/* 无效，在规则之前有一个字符（空格）*/

登录后复制

说明：如果在样式表中使用的特殊字符无法在样式表中指定的字符编码中进行表示，则可以使用“字符转义”来转义字符。