网页标准中的关于UTF-8编码的问题

昨日，在聊天及做自己的首页的时候，碰到两个问题，而且都是关于网页编码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代码的书写如下：

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