水與火的笨街 » web-design http://3eye.ws 去追尋那個不知是什麼的夢 Sat, 24 Jul 2010 14:23:35 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 简体中文网页在繁体系统中的显示 http://3eye.ws/2008/11/19/simplified-and-traditional-chinese-web-page-problem/ http://3eye.ws/2008/11/19/simplified-and-traditional-chinese-web-page-problem/#comments Tue, 18 Nov 2008 18:16:24 +0000 Wing http://3eye.ws/?p=255 话说海峡两岸的闲人们互打嘴炮的时候，时不时的能听到的一个说法就是「简体字好丑！」于是俺突然很好奇，俺的网站在繁体系统下，看到的是什么样子呢？于是俺找了台湾版的 Windows XP SP2 装在虚拟机上，测试网站的显示效果。结果还真出乎俺的意料，下面是 IE 6.0 显示效果的截图，点击可放大：

IE 6.0 显示俺网站的效果截图

真·的·很·丑·啊~~囧。不但字体变成了细明体，而且还高高低低的，都对不齐。（俺不是抱怨细明体丑哦，而是简体字还是用宋体显示好看些。）俺又试了 Firefox 3 的显示效果，如下：

Firefox 3 显示俺网站的效果截图

虽然还是显示细明体，但是至少文字是整齐的。我之前没指定网页使用哪种中文字体，给 CSS 中加入宋体的定义后，Firefox 正常地显示宋体了，IE 还固执地显示细明体，真是怪异。于是俺又测试了更多的简体中文网页，在比对过代码和试验验证之后，得出了以下结论（这才是本文重点哈，都是以在繁体系统下为前提的）：

1、如果网页使用 gb2312 编码，那么即使不在 CSS 里设置字体，也会显示漂亮的宋体的。
繁体系统中自带宋体和黑体，所以不必担心显示不出简体字。

2、如果网页使用 utf-8 编码，那么在 HTML 中指定语言代码为大陆简体后，就会显示宋体。方法是给 <html> 标签增加 lang=”zh-CN” 属性。以下是 XTHML 的例子：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

3、综上两点，页面设置的语言是浏览器选择字体的重要依据。

然后是一点背景知识，语言代码告诉浏览器网页中的文字是什么语言，哪种变体。比如 zh 代表中文，zh-CN 代表大陆中文（简体）而 zh-TW 代表台湾中文（繁体）。

根据最新的标准，这两个代码应该改成 zh-Hans 和 zh-Hant。但是 IE 6 并不支持这两个新代码，既然仍然有相当多的人在使用 IE 6，那么用旧写法的 zh-CN 和 zh-TW 就比较保险。

————————-分割线，以下都是非技术性吐槽————————-

这次试用繁体系统给俺最深刻的印象就是——繁体版里的用词太欢乐了！台湾的朋友一定会觉得俺少见多怪，的确，但是这一下给俺的震撼实在太巨大了，俺必须记录一下，以下就是简体中文版和繁体中文版 Windows XP 中部分用词的对照，左简右繁：

画图 = 小画家
这个早有耳闻，繁体版的名字听起来像幼教软件，不过一下拉近了电脑和使用者的距离。

计算器 = 小算盘
囧。问题这并不是算盘，计算器也不该是算计人的工具。

纸牌 = 接龙
一个说物，一个说玩法。

空当接龙 = 新接龙
由此可以看出空当接龙是纸牌的续作。

蜘蛛纸牌 = 连环新接龙
拜托不要再增加形容词了……

红心大战 = 伤心小栈
对于这两种完全相反的叫法，俺除了囧还是囧。

扫雷 = 踩地雷
喂这似乎错误地描述了游戏的目标吧？（不过确实正确地描述了俺玩这个游戏时在做的事情囧）

网上邻居 = 网路上的芳邻
俺不行啦！啊啊~ orz

结论：台湾的计算机工作者很欢乐，我们这边太一丝不苟、太刻板了…

完毕，晚安！

]]> http://3eye.ws/2008/11/19/simplified-and-traditional-chinese-web-page-problem/feed/ 20 小更新 http://3eye.ws/2008/05/26/site-update/ http://3eye.ws/2008/05/26/site-update/#comments Sun, 25 May 2008 17:38:33 +0000 Wing http://3eye.ws/?p=154 *meep*又好久没更新日志了，本来买了个 MP3，可以发个炫耀贴的，结果买到手当天就地震了，也就没心情再发。今天心情终于好了些，就把网站整体框架更新了一下，在顶部加了个导航条，希望能让各位看官觉得更清晰。介绍和专题栏目还没整理完，想看的话等等吧。

另：今天终于解决了一个困扰俺 N~~~~~ 久的问题：页面最下的版权区域上半部总是多出一行的高度来。原来是 Unicode 的 BOM 搞的鬼，具体原理俺就不扯了，有兴趣自己看。OK，打完，收工！

]]> http://3eye.ws/2008/05/26/site-update/feed/ 10 新主题 http://3eye.ws/2008/01/09/new-templet/ http://3eye.ws/2008/01/09/new-templet/#comments Wed, 09 Jan 2008 06:29:31 +0000 Wing http://3eye.ws/2008/01/09/%e6%96%b0%e4%b8%bb%e9%a2%98/ 离上次换页面主题已经一年多了，让08年有个良好开端，嘿嘿。上面是 Wing 的猫猫形态。大图见这里。

建议大家使用 IE 以外的浏览器，比如 Opera 或者 Firefox 之流，拿 IE 看的时候总有些小问题……不过好久没写网页，确实有些不熟，若有高手见到求教了。

  • 最下面的 footer 部分和上部分一直有个换行，无法去掉；
  • footer 下方会随机出现空白，有的时候一刷新就没了；
  • 页面变得超卡，难道背景图用的太多么？
  • 浮动的 gravatar 在划过某些链接的时候会乱跑，去掉 a:hover 效果就好了；
  • 这个不是 IE 的问题：因为俺的 sidebar 用了绝对定位，右侧为自适应宽度，使得下面 footer 无法自适应 sidebar 的高度，一但 sidebar 的高度高过正文，页面就乱掉。这个貌似不改变格局的话就没法靠 CSS 解决了，目前俺只好用 JavaScript 来搞定这个问题。
]]> http://3eye.ws/2008/01/09/new-templet/feed/ 3