rp标签仅在ruby结构内作为降级兼容组件生效，必须成对嵌套于rt内外侧，如重(chóng)，单独使用或位置错误均被忽略。
rp 标签只在 ruby 结构里生效，单独写没用
很多人直接写 <rp>()</rp> 想当普通括号用，结果页面完全不显示——因为 rp 是专为 ruby 元素设计的降级 fallback，浏览器只在不支持 ruby 渲染时才显示它，且必须严格嵌套在 ruby 内部。
常见错误现象：<rp>（</rp> 独立存在、放在 span 里、或和 rt 不配对，都会被忽略。
-
rp必须紧跟在rt前后（通常紧贴rt开始和结束标签），构成<ruby><rb>汉</rb><rp>（</rp><rt>hàn</rt><rp>）</rp></ruby> - 现代浏览器默认隐藏
rp，仅当 ruby 渲染失败（比如老版 IE 或禁用 CSS 的终端）才显示括号 - 不能靠
rp实现“拼音自动加括号”的视觉效果——那是 CSS 或 JS 的事，rp只管降级兜底
ruby + rp 的标准结构长什么样
正确写法必须满足三要素：有 rb（基文）、有 rt（注音）、rp 成对包裹在 rt 两侧。浏览器会把 rp 当作括号字符，但只在 ruby 渲染不可用时才渲染出来。
示例：
<ruby><rb>重</rb><rp>（</rp><rt>chóng</rt><rp>）</rp></ruby>
注意：rp 里只能放纯文本（通常是括号或空格），不能含标签、样式或实体编码以外的字符；rp 和 rt 必须同级，不能嵌套。
想让拼音始终带括号？别依赖 rp
如果目标是“所有用户都看到 (chóng) 这种格式”，rp 完全不合适——它天生就是隐形的。这时候该用更直接的方式：
- 手动写：
<span>重(chóng)</span>，简单可靠 - CSS 生成括号：
ruby rt::before { content: "("; } ruby rt::after { content: ")"; }，但要注意兼容性（Safari 对伪元素支持弱） - JS 动态包裹：遍历
rt，用textContent提取拼音，再用insertAdjacentHTML插入括号 - 服务端模板直接拼：避免前端处理负担
用 rp 强行撑出括号，反而会让屏幕阅读器重复读括号、影响无障碍，也违背其语义本意。
rp 的实际价值在哪
它的唯一合理用途，是给不支持 ruby 的环境（如命令行浏览器、老旧手机、部分邮件客户端）提供可读 fallback。比如：
- 纯文本邮件中，
重(rp)chóng(rp)能让收件人至少看出拼音位置 - 某些无障碍工具会把
rp内容连同rt一起读出，形成“重，括号，chóng，括号”——虽啰嗦但信息完整 - 配合
ruby的 CSS 属性（如ruby-position: under）做精细排版时，rp是规范要求的组成部分
真正容易被忽略的是：rp 不是装饰性标签，它是语义链的一环；删掉它，ruby 在降级场景下就只剩裸拼音，失去括号引导，可读性断崖下跌。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
