100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html中文注释乱码 css注释乱码什么原因?怎么解决?

html中文注释乱码 css注释乱码什么原因?怎么解决?

时间:2020-02-09 05:30:02

相关推荐

html中文注释乱码 css注释乱码什么原因?怎么解决?

由于一个中文是两个字符组成,在编码不一致的情况下会引发字符的“重新”组合,(半个汉字的编码字符与后面的字符组合生成新的“文字”)引发原本的结束符合“变异”,从而导致找不到结束符号,使得后面的CSS就会失效。

css中出现乱码的原因:CSS中出现的乱码都是由于CSS字符编码与页面的字符编码不一致所引起的,因此最直接的方法就是使字符编码一致。将CSS指定编码类型,例:@charset "utf-8";(指定编码类型为utf-8,须写在CSS文件第一行)。

CSS中出现的乱码都是由于中文字符引发的,因此只要不写中文,就不会产生“乱码引起CSS失效”的这种情况。

css注释乱码详解:

一、中文注释引起乱码

CSS注释为:/*某些注释*/

乱码实例:

正常代码:/*三汉字*/

引起的乱码:/*涓夋眽瀛?/

浏览器环境:IE6

HTML:gb2312

CSS:无编码指定,实际解析为utf-8

上例为乱码阻断了CSS注释的结束符,使得后面的CSS内容都在注释范围内,从而导致CSS的失效

防范措施:加强注释

示例:

正常代码:/****三汉字****/

引起的乱码:/****涓夋眽瀛?***/

这种增强版的注释可以防止乱码把注释的最终结束符“变异”,可以在编写CSS时,提前防范

二、中文字体引起乱码

CSS指定字体:font-family:"中文字体";

乱码实例:

正常代码:font-family:"黑体"

引起的乱码:font-family:"榛戜綋"

浏览器环境:IE6

HTML:gb2312

CSS:无编码指定,实际解析为utf-8

上例为乱码使得字体名称变成乱码,导致指定字体失效。这个问题的后果似乎不是很严重,但实际情况中,确实存在一种乱码把后面的引号“变异”的情况,使得后面的CSS都在字体的引号中,从而后面的CSS全部失效。

防范措施:采用字体的别名(所以浏览器都可识别)

示例:

正常代码:font-family:"SimHei" (font-family:"\9ed1\4f53" )

浏览器解析:font-family:"SimHei" (font-family:"黑体",IE6仍为font-family:"\9ed1\4f53" 但字体解析显示为黑体)

使用别名,绕开了使用中文,从而避免乱码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。