• 技术文章 > css教程

    @charset规则怎么用

    青灯夜游 青灯夜游 2019-02-12 16:32:21 原创 70
    在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如何设置字符编码?

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

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

    第五期线上培训班
    专题推荐: @charset规则 css
    上一篇:overflow-y属性怎么用 下一篇:background-repeat 怎么使用

    相关文章推荐

    • 为了防止乱码,请将用于页面编码的meta charset放到title的前面_经验交流 • HTML5实战与剖析之字符集属性(charset和defaultCharset) • html中关于charset的语言编码详解 • 新手一定注意HTML的语言编码charset(必看)

    全部评论我要评论

  • 取消 发布评论 发送
  • PHP中文网