跳转到主要内容

注音和拼音

适合谁看:做儿童读物、语文教材、对外汉语材料,需要给汉字标拼音或注音的设计师和开发者。

行间注

标在字旁边的小字叫「行间注」,在网页和排版软件里一般叫 ruby。ruby[1][2]。clreq 总结的中文用途主要是:

  • 标音:汉语拼音、注音符号;注音符号[3];
  • 释义:外来语、缩写旁标中文,或译名旁标原文;
  • 批语:古籍里的行间评点。

拼音

  • 汉语拼音只用于横排,一般放在汉字上方(也有放下方的);
  • 给儿童看的材料,常常每个字单独标音;给汉语学习者的材料,常常按词连写,词与词之间加空格;
  • 拼音的声调符号要用带调字母(如 ā、é),字体要能显示这些字母,以及 ü 和带调的 ǖ、ǘ、ǚ、ǜ。

注音符号

  • 主要在台湾使用;
  • 一般标在汉字右侧,竖排、横排都是;
  • 每个字不超过三个注音符号,再加声调符号。

网页上怎么写

<ruby>汉<rt>hàn</rt>字<rt>zì</rt></ruby>

按词标注:

<ruby>中国<rt>Zhōngguó</rt></ruby>

样式:

ruby { ruby-position: over; }   /* 拼音在上方 */
rt { font-size: 0.5em; }

注音符号放在字右侧需要 ruby-position: inter-character,目前浏览器支持有限,正式项目要先测试。正式项目要先测试[4]。

排版软件

InDesign 有「拼音」(Ruby)功能;Word 有「拼音指南」。批量标注时,先确认多音字是否标对。

参考资料

参考资料(4)
    1. W3C clreq中文排版需求 5.5:行内注与行间注:行内注与行间注,W3C
    https://www.w3.org/TR/clreq/#x5-5-inline-notes-annotationsMDN: MDN:,教育部 MDN:ruby-position:https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/ruby-position 汉语拼音方案(教育部):http://www.moe.gov.cn/jyb_sjzl/ziliao/A19/195802/t19580201_186000.html