引用自 中文文案排版指北
空格
中英文之间需要增加空格
例外：「豆瓣FM」等专有名词，按照官方所定义的格式书写。
中文与数字之间需要增加空格
数字与单位之间需要增加空格
例外：度数／百分比与数字之间不需要增加空格：
全角标点与其他字符之间不加空格
刚刚买了一部 iPhone，好开心！
用 text-spacing 来挽救？
CSS Text Module Level 4 的 text-spacing 和 Microsoft 的 -ms-text-autospace.aspx) 可以实现自动为中英文之间增加空白。不过目前并未普及，另外在其他应用场景，例如 macOS、iOS、Windows 等用户界面目前并不存在这个特性，所以请继续保持随手加空格的习惯。
标点符号
不重复使用标点符号
错误：
德国队竟然战胜了巴西队！！
她竟然对你说「喵」？？！！
全角和半角
不明白什么是全角（全形）与半角（半形）符号？请查看维基百科条目『全角和半角』。
使用全角中文标点
数字使用半角字符
例外：在设计稿、宣传海报中如出现极少量数字的情形时，为方便文字对齐，是可以使用全角数字的。
遇到完整的英文整句、特殊名词，其内容使用半角标点
乔布斯那句话是怎么说的？「Stay hungry, stay foolish.」
推荐你阅读《Hackers & Painters: Big Ideas from the Computer Age》，非常的有趣。
名词
专有名词使用正确的大小写
注意：当网页中需要配合整体视觉风格而出现全部大写／小写的情形，HTML 中请使用标淮的大小写规范进行书写；并通过 text-transform: uppercase;／text-transform: lowercase; 对表现形式进行定义。
不要使用不地道的缩写
争议
以下用法略带有个人色彩，即：无论是否遵循下述规则，从语法的角度来讲都是正确的。
链接之间增加空格
用法：
请 提交一个 issue 并分配给相关同事。
对比：
请提交一个 issue并分配给相关同事。
简体中文使用直角引号
用法：
「老师，『有条不紊』的『紊』是什么意思？」
对比：
“老师，‘有条不紊’的‘紊’是什么意思？”
各种语言下对应的格式化工具
| 仓库 | 语言 |
|---|---|
| vinta/paranoid-auto-spacing | JavaScript |
| serkodev/vue-pangu | Vue.js (Web Converter) |
| huei90/pangu.node | Node.js |
| huacnlee/auto-correct | Ruby |
| huacnlee/autocorrect | Rust, WASM, CLI |
| huacnlee/go-auto-correct | Go |
| sparanoid/space-lover | PHP (WordPress) |
| nauxliu/auto-correct | PHP |
| jxlwqq/chinese-typesetting | PHP |
| hotoo/pangu.vim | Vim |
| sparanoid/grunt-auto-spacing | Node.js (Grunt) |
| hjiang/scripts/add-space-between-latin-and-cjk | Python |
| hustcc/hint | Python |
| studygolang/autocorrect | Go |
| n0vad3v/Tekorret | Python |
| VS Code - huacnlee.auto-correct | VS Code Extension |
谁在这样做？
| 网站 | 文案 | UGC |
|---|---|---|
| Apple 中国 | 是 | N/A |
| Apple 香港 | 是 | N/A |
| Apple 台湾 | 是 | N/A |
| Microsoft 中国 | 是 | N/A |
| Microsoft 香港 | 是 | N/A |
| Microsoft 台湾 | 是 | N/A |
| LeanCloud | 是 | N/A |
| V2EX | 是 | 是 |
| Apple4us | 是 | N/A |
| Ruby China | 是 | 是 |
| 少数派 | 是 | N/A |
评论 (0)