<ruby>: 注音标签
最后更新：2026-10-13
<ruby>注音标签
为东亚文字（如中文、日文）提供拼音、假名或注音等注释，注释由 rt 给出，可选 rp 包裹括号。
| 分类 | 文本内容 |
|---|---|
| 内容模型 | 流式内容 |
| 允许的父元素 | 接受流式内容的元素 |
| 闭合标签 | 需要 </ruby> 标签 |
| 状态 | 标准 |
📝 语法
<ruby>汉<rt>hàn</rt></ruby>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <ruby> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： ruby 是现代浏览器原生支持的注音方案，无需额外库；不兼容的浏览器会忽略 rt。
❓ 常见问题
Qruby 标签是做什么用的？
A
<ruby> 展示注音标注：基底文字 + 上方小字注音。典型用法是日语假名注音（振り仮名）和中文拼音标注，如 <ruby>漢字<rt>かんじ</rt></ruby>，浏览器自动把注音排到文字上方。Qrt 和 rp 分别是什么？
A
<rt> 是注音正文（拼音/假名）；<rp> 是兜底括号——浏览器不支持 ruby 时显示（如 <rp>（</rp><rt>かんじ</rt><rp>）</rp>），支持 ruby 的浏览器自动隐藏 rp。现代浏览器均已支持，rp 更多是防御性写法。Q中文拼音标注怎么写？
A每个字一个 ruby 组：
<ruby>汉<rt>hàn</rt></ruby><ruby>字<rt>zì</rt></ruby>。整词放一个 ruby 里会让多个拼音挤在一起难以对齐，逐字分组是最稳的排版方式。🏷️ 相关标签
💡 相关案例
更多案例即将上线，敬请期待。
📚 相关教程
