点击这里给我发消息 推荐使用1024以上分辨率浏览本站,此处广告位招商……

网页标准制作中的两个关于UTF-8编码的问题

09:04 AM 2007-07-13 | 逍遥老鬼 | 日志分类:网络技术

昨日,在聊天及做自己的首页的时候,碰到两个问题,而且都是关于网页编码UTF-8的,为避免此类事件的再次发生,下次不至于使自己过于丢人,特在此记录下备用。

第一个问题,是DDA1988修改CSS加入微软雅黑字体的问题。dda1988想给自己的网页加入雅黑字体,fant:14px "微软雅黑";加上去却无效,自己电脑上有雅黑字体,看别人的网站的雅黑字体也一样正常,可是把这个css挂在他的网站上,雅黑字体就是死活出不来,css书写的格式也绝对正确不会有问题的,据说问了很多人,都没有找出结果来,都说css是正确的。当然这时候也问到了我,我把他的css挂在我的网站上,变形,这个不重要,重要的是雅黑字体一样没有出来,为什么?我自己写的css就可以?这时我灵光一现,突然感觉到出了什么问题。我问dda他的css文件是哪里来的,他告诉我说是sax自带的css修改而来了,我终于找到了问题所在。我以前用自带的css修改一样雅黑出不来,为什么呢?原因就是:自带的css文件的编码格式是GB2312的,不是UTF-8的,而网页的格式是UTF-8的,调用css的时候因为编码的不同,因而不认识“微软雅黑”四个字,至于其他的css代码,因为是英文的所以不受影响。最后将css文件另存为UTF-8格式的再次上传,问题解决了。最后得出的结论:CSS文件一样需要注意编码格式!另外提醒4ngel,他的css文件的编码格式错了好几个版本了。

第二个问题:昨天截了四张图玩,突发奇想把自己的首页改了,但是网页做成后给别人看,别人说是一片空白,手动改变成UTF-8的编码网页才出来,为什么?文件我保存的时候保存成了UTF-8的绝对没有错,而且在herd区我也声明了网页的编码是UTF-8的,还能有什么错误呢?查来查去么有查出,最后还是多亏了蓝雨的提醒,问题还是出在了我的文件的head区。第一次我的head代码的书写如下:

XML/HTML代码
  1. <title>逍遥老鬼的个人网站</title>  
  2. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >  
  3. <meta http-equiv="Content-Language" content="zh-cn" />  
  4. <meta name="author" content="GoneWTW" />  
  5. <meta name="keywords" content="GoneWTW,逍遥老鬼" />  
  6. <meta name="description" content="本站为逍遥老鬼的个人网站。" />  

原来这样写就错了,而且是大错特错。因为title跑到了声明的前面,而且title是汉字,编码应该为GB2312的吧,又写在了声明之前,所以网页虽然格式为UTF-8的但是在浏览器中仍无法显示。经过调整,将title放在声明之后,网页浏览恢复正常代码如下:

XML/HTML代码
  1. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >  
  2. <meta http-equiv="Content-Language" content="zh-cn" />  
  3. <meta name="author" content="GoneWTW" />  
  4. <meta name="keywords" content="GoneWTW,逍遥老鬼" />  
  5. <meta name="description" content="本站为逍遥老鬼的个人网站。" />  
  6. <title>逍遥老鬼的个人网站</title>  
Google
 
« 上一篇 下一篇 »
只显示10条记录 相关文章
  1. 关于a:link等伪类的几种写法 [浏览:522, 评论:3]
  2. 【转】图片垂直居中的使用技巧 [浏览:1243, 评论:3]
  3. :before:after这两个伪类到底该怎么用呢? [浏览:1147, 评论:4]
  4. 兼容IE,Firefox的图片自动缩放CSS代码 [浏览:2422, 评论:6]
  5. CSS hack:区分IE6,IE7,firefox [浏览:1791, 评论:2]
  6. [转]Firefox与IE下UL预设标记的异同 [浏览:2276, 评论:1]
  7. 疯子疯子绝对是Html疯子 [浏览:1544, 评论:0]
  8. 一段代码,js替换css的 [浏览:2509, 评论:2]
  9. 把JS与CSS写在同一个文件里 [浏览:2012, 评论:0]
  10. 在蓝色看到的一段hack的解释 [浏览:2022, 评论:0]
Trackbacks
点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5
9条记录访客评论
顶了,对于这件事情,对我的教训很大
Post by 传说中的dda1 on 2007, 07, 13, 10:21 AM 引用此文发表评论 #1
我title在meta前为什么没你第2个事?
汗,我大概了解了
Post by Giki on 2007, 07, 13, 12:30 PM 引用此文发表评论 #2
就是这样的啊,我晕……在写的时候就是要把
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" >  
<meta http-equiv="Content-Language" content="zh-cn" />

写在前面的,然后再写“<title>”
Post by netsnow on 2007, 07, 13, 01:18 PM 引用此文发表评论 #3
如果你用DW你就知道,那个工具就是这样的,先把前面写好,然后再是Title,就是这样!呵……
Post by netsnow on 2007, 07, 13, 01:20 PM 引用此文发表评论 #4
引用 netsnow 说过的话:
如果你用DW你就知道,那个工具就是这样的,先把前面写好,然后再是Title,就是这样!呵……
我不会用DW。
Post by 逍遥老鬼 on 2007, 07, 13, 02:09 PM 引用此文发表评论 #5
..支持手写!
Post by Giki on 2007, 07, 13, 07:08 PM 引用此文发表评论 #6
引用 Giki 说过的话:
..支持手写!
要是能熟练的应用那些软件的话,我绝对不会手写的,毕竟手写效率还是低。
Post by 逍遥老鬼 on 2007, 07, 13, 10:48 PM 引用此文发表评论 #7
支持原创...
Post by 大灰狼 on 2007, 11, 3, 10:22 PM 引用此文发表评论 #8
font-family:"Microsoft YaHei",Arial,SimSun,Tahoma;
Post by Rage on 2007, 12, 15, 11:15 AM 引用此文发表评论 #9

发表评论

评论内容(*):