中文網頁重設與排版：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 也根據實際情況提供相應的方案。我們重要要注意的兩點是：
- 語義：語義對應的用法和樣式是否與中文排版一致
- 表現：在各瀏覽器中的字體、大小和縮放是否如排版預期
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！