中文网页重设与排版:TYPO.CSS
2012-04-04 09:16
141 查看
中文网页重设与排版:TYPO.CSS
一致化浏览器排版效果,构建最适合中文阅读的网页排版
关于 TYPO.CSS排版实例例1:论语学而篇第一
例2:英文排版
附录TYPO.CSS 排版偏重点
开源许可
一、关于 TYPO.CSS
TYPO.CSS 的目的是,在一致化浏览器排版效果的同时,构建最适合中文阅读的网页排版。现状和如何去做:
排版是一个麻烦的问题,需要精心设计,而这个设计却是常被视觉设计师所忽略的。前端工程师更常看到这样的问题,但不便变更。因为在多个 OS 中的不同浏览器渲染不同,改动需要多的时间做回归测试,所以改变变得更困难。而像我们一般使用的 Yahoo、Eric Meyer 和 Alice base.css 中采用的 Reset 都没有很好地考虑中文排版。TYPO.CSS 要做的就是解决中文排版的问题。TYPO.CSS 测试于如下平台:
OS/浏览器 | Firefox | Chrome | Safari | Opera | IE9 | IE8 | IE7 | IE6 |
---|---|---|---|---|---|---|---|---|
Mac OS X | √ | √ | √ | √ | - | - | - | - |
Windows 7 | √ | √ | √ | √ | √ | √ | √ | - |
Windows XP | √ | √ | √ | √ | - | √ | √ | √ |
Ubuntu Linux | √ | √ | - | √ | - | - | - | - |
中文排版的重点和难点
在中文排版中,HTML4 的很多标准在语义在都有照顾到。但从视觉效果上,却很难利用单独的 CSS 来实现,像着重号。在 HTML4 中,着重号标签(<u>)已经被放弃,而 HTML5 被重新提起。TYPO.CSS 也根据实际情况提供相应的方案。我们重要要注意的两点是:
语义:语义对应的用法和样式是否与中文排版一致
表现:在各浏览器中的字体、大小和缩放是否如排版预期
对于这些,TYPO.CSS 排版项目的中文偏重注意点,都添加在附录中,详见:
相关文章推荐
- 中文网页重设与排版:TYPO.CSS
- 网页设计中针对中文排版CSS心得
- 简单实用的CSS网页布局中文排版心得
- CSS 网页布局中文排版的9则技巧
- 网页设计中针对中文排版CSS心得
- 网页设计中针对中文排版CSS心得
- css网页布局中文字排版的属性和用法
- css网页布局中文字排版的属性和用法
- [转]网页设计CSS中文排版
- CSS 网页布局中文排版的9则技巧
- 网页设计中针对中文排版CSS心得
- CSS网页布局中文字排版九大技巧
- CSS网页布局中文排版心得
- 网页排版: Table vs CSS 争论之我见
- CSS 网页布局排版实例
- XML:CSS中文排版心得
- 有关网页排版div+css
- Div+Css控制网页排版小记.
- 网页设计CSS中文字大小的pt、px的区别
- 中文排版CSS心得