<rt>: 注音文本标签

最后更新：2026-10-13

<rt>注音文本标签

ruby 注释中的“注音/读音”部分，紧跟在被注释文字之后。

<rt>读音</rt>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<rt>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： rt 必须放在 ruby 内；多个被注释字可共用一个 rt。

Qrt 里的注音字号可以调吗？

A可以，<rt> 是正常元素，浏览器默认缩小字号（约 50%）并定位到基底上方，可用 CSS 的 font-size、color 等覆盖。注意字号过大会挤压行距，拼音场景建议保持在 50%~70%。

Qrt 必须配合 ruby 使用吗？

A是，<rt> 只能在 <ruby> 内使用，为紧邻的基底文字提供注音。脱离 ruby 单独使用不合法，也不会有任何注音排版效果。

Q一个汉字有多个读音怎么写？

A在同一个 <ruby> 里放多个 <rt>，浏览器会依次堆叠显示（多行注音），例如多音字标两种读音。需要交互切换读音时，用 JS 动态替换 rt 内容更实用。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。