博主站长必看的中英文排版技巧

转载  sparanoid   2016-12-28 12:00:14 发布  技术文档

今天在网络上看到《中文文案排版指北》这篇文章,文中对排版中的空格、标点符号等案例说明说得非常在理,非常值得我们博主站长们学习,所以特意转载过来,希望对大家有所帮助。

博主站长必看的中英文排版技巧

一、空格

1、中英文之间需要增加空格

正确:

  • 在 LeanCloud 上,数据存储是围绕 AVObject 进行的。

错误:

  • 在LeanCloud上,数据存储是围绕AVObject进行的。

完整的正确用法:

  • 在 LeanCloud 上,数据存储是围绕 AVObject 进行的。每个 AVObject 都包含了与 JSON 兼容的 key-value 对应的数据。数据是 schema-free 的,你不需要在每个 AVObject 上提前指定存在哪些键,只要直接设定对应的 key-value 即可。

例外:

  • 「豆瓣FM」等产品名词,按照官方所定义的格式书写。

2、中文与数字之间需要增加空格

正确:

  • 今天出去买菜花了 5000 元。

错误:

  • 今天出去买菜花了5000元。

3、数字与单位之间需要增加空格

正确:

  • 我家的光纤入户宽带有 10 Gbps,SSD 一共有 20 TB。

错误:

  • 我家的光纤入户宽带有 10Gbps,SSD 一共有 10TB。

例外:度/百分比与数字之间不需要增加空格:

正确:

  • 今天是 233° 的高温。
  • 新 MacBook Pro 有 15% 的 CPU 性能提升。

错误:

  • 今天是 233 ° 的高温。
  • 新 MacBook Pro 有 15 % 的 CPU 性能提升。

4、全角标点与其他字符之间不加空格

正确:

  • 刚刚买了一部 iPhone,好开心!

错误:

  • 刚刚买了一部 iPhone ,好开心!

二、标点符号

不重复使用标点符号

正确:

  • 德国队竟然战胜了巴西队!
  • 她竟然对你说「喵」?!

错误:

  • 德国队竟然战胜了巴西队!!
  • 德国队竟然战胜了巴西队!!!!!!!!
  • 她竟然对你说「喵」??!!
  • 她竟然对你说「喵」?!?!??!!

三、全形与半形

不明白什么是全形(全角)与半形(半角)符号?请查看维基百科词条『全形和半形』。

1、使用全角中文标点

正确:

  • 嗨!你知道嘛?今天前台的小妹跟我说「喵」了哎!
  • 核磁共振成像(NMRI)是什么原理都不知道?JFGI!

错误:

  • 嗨! 你知道嘛? 今天前台的小妹跟我说 "喵" 了哎!
  • 嗨!你知道嘛?今天前台的小妹跟我说"喵"了哎!
  • 核磁共振成像 (NMRI) 是什么原理都不知道? JFGI!
  • 核磁共振成像(NMRI)是什么原理都不知道?JFGI!

2、数字使用半角字符

正确:

  • 这件蛋糕只卖 1000 元。

错误:

  • 这件蛋糕只卖 1000 元。

例外:在设计稿、宣传海报中如出现极少量数字的情形时,为方便文字对齐,是可以使用全角数字的。

3、遇到完整的英文整句、特殊名词,其內容使用半角标点

正确:

  • 乔布斯那句话是怎么说的?「Stay hungry, stay foolish.」
  • 推荐你阅读《Hackers & Painters: Big Ideas from the Computer Age》,非常的有趣。

错误:

  • 乔布斯那句话是怎么说的?「Stay hungry,stay foolish。」
  • 推荐你阅读《Hackers&Painters:Big Ideas from the Computer Age》,非常的有趣。

四、名词

1、专有名词使用正确的大小写

大小写相关用法原属于英文书写范畴,不属于本 wiki 讨论內容,在这里只对部分易错用法进行简述。

正确:

  • 使用 GitHub 登录
  • 我们的客户有 GitHub、Foursquare、Microsoft Corporation、Google、Facebook, Inc.。

错误:

  • 使用 github 登录
  • 使用 GITHUB 登录
  • 使用 Github 登录
  • 使用 gitHub 登录
  • 使用 gイんĤЦ8 登录
  • 我们的客户有 github、foursquare、microsoft corporation、google、facebook, inc.。
  • 我们的客户有 GITHUB、FOURSQUARE、MICROSOFT CORPORATION、GOOGLE、FACEBOOK, INC.。
  • 我们的客户有 Github、FourSquare、MicroSoft Corporation、Google、FaceBook, Inc.。
  • 我们的客户有 gitHub、fourSquare、microSoft Corporation、google、faceBook, Inc.。
  • 我们的客户有 gイんĤЦ8、キouЯƧquムгє、๓เςг๏ร๏Ŧt ς๏гק๏гคtเ๏ภn、900913、ƒ4ᄃëв๏๏к, IПᄃ.。

注意:当网页中需要配合整体视觉风格而出现全部大写/小写的情形,HTML 中请使用标准的大小写规范进行书写;并通过 text-transform: uppercase;/text-transform: lowercase; 对表现形式进行定义。

2、不要使用不地道的缩写

正确:

  • 我们需要一位熟悉 JavaScript、HTML5,至少理解一种框架(如 Backbone.js、AngularJS、React 等)的前端开发者。

错误:

  • 我们需要一位熟悉 Js、h5,至少理解一种框架(如 backbone、angular、RJS 等)的 FED。

五、争议

以下用法略带有个人色彩,即:无论是否遵循下述规则,从语法的角度来讲都是正确的。

1、链接之间增加空格

用法:

对比用法:

2、简体中文使用直角引号

用法:

  • 「老师,『有条不紊』的『紊』是什么意思?」

对比用法:

  • “老师,‘有条不紊’的‘紊’是什么意思?”

你可能感兴趣的文章

文章标签: ,   ,  
版权声明:本文为转载文章,来源于 sparanoid ,版权归原作者所有!转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!

发表评论

  1. 龙笑天
    龙笑天 @回复

    这个还讲究这么多啊~ [流汗]

    • 懿古今
      懿古今2016-12-29 11:26  回复

      @龙笑天[呲牙] 其他就懒得理会,不过中英文和中文数字之间加空格感觉可以弄弄

  2. 91gif动态图
    91gif动态图 @回复

    哈哈 学习了

  3. 动感单车
    动感单车 @回复

    [偷笑] 对这些一是不懂,二嘛也不想讲究这么多,文章通顺、容易看得懂就行了,咱又不是啥专家非得这么“咬文嚼字”不可!

    • 懿古今
      懿古今2016-12-29 11:26  回复

      @动感单车[偷笑] 适当的排版还是有必要的,我看过一些博文全部挤在一起,极其影响阅读,后来就直接关闭走人了

  4. 明月登楼的博客
    明月登楼的博客 @回复

    不错,出处是学问呀!

  5. 姜辰
    姜辰 @回复

    写作学~~哈哈

  6. mengkun
    mengkun @回复

    按照正确的方式排版视觉上感觉都好多了 [强]

    • 懿古今
      懿古今2016-12-29 11:25  回复

      @mengkun是的,好的排版看起来顺眼,也是提高用户体验的方法之一

  7. 橘子书
    橘子书 @回复

    正规的文件,对于格式要求是很严格的。

    • 懿古今
      懿古今2016-12-29 11:24  回复

      @橘子书[呲牙] 其实我们博文也是可以用上这个排版技巧的

  8. 灰狼
    灰狼 @回复

    还让不让好好的写篇水文了?谁的个人博客能做到这么严格要求呢

    • 懿古今
      懿古今2016-12-29 11:24  回复

      @灰狼[偷笑] 养成习惯就好,慢慢来嘛

  9. 明月登楼的博客
    明月登楼的博客 @回复

    其实文章排版是一个要养成的好习惯!特别是标题的使用,本文所说的这些也很重要,最终都是为了提升搜索引擎的注意力的!据说搜索引擎很喜欢排版完善的内容站,但是我很怀疑百度的技术实力! [可怜]

  10. 何先生
    何先生 @回复

    看起来好看了不少,不过大部分人为了文章编写速度而省略了一些细节,导致文章质量有所下降,学习了,看来以后得多注意这方面

    • 懿古今
      懿古今2016-12-29 11:21  回复

      @何先生[呲牙] 其实中文和英文,中文和数字之间加一个空格养成习惯就好,其他的就慢慢养吧

  11. Zay
    Zay @回复

    好的排版让人赏心悦目,尤其是视力不好的情况下(比如我这个近视的),阅读文章的时候不用太费劲。 [衰]

    推荐一篇之前在WP酷上看到的:WORDPRESS 在中英文间加入空格 实现中英文自动排版(放不了链接,可以自己去搜一下)。

    • 懿古今
      懿古今2016-12-30 09:35  回复

      @Zay[威武] 谢谢告知,有空就折腾上,手动添加空格真的挺累的

  12. 逆时针
    逆时针 @回复

    这么讲究!学习了~~

  13. 闲鱼
    闲鱼 @回复

    确实效果不同,两两对比前者真的好看多

    • 懿古今
      懿古今2016-12-31 23:06  回复

      @闲鱼是的,所以很有必要养成这个习惯才行

  14. 魔羯
    魔羯 @回复

    正规的排版看起来很顺眼!

    • 懿古今
      懿古今2017-01-05 10:54  回复

      @魔羯是的,所以以后要慢慢养成良好的排版习惯才行