当前位置:Gxlcms > 前端框架 > @charset规则怎么用

@charset规则怎么用

时间:2021-07-01 10:21:17 帮助过:90人阅读

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

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

相关文章推荐:

css如何指定样式表使用的字符编码

字符编码是什么?html5如何设置字符编码?

以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。更多精彩内容大家可以关注Gxlcms相关教程栏目!!!

以上就是@charset规则怎么用的详细内容,更多请关注Gxlcms其它相关文章!

人气教程排行