rp标签是专为不支持ruby的老环境设计的fallback开关，用于在IE11、旧安卓WebView等中触发括号包裹拼音（如(hàn)），确保可读性；其必须嵌套在rt内、内容仅为纯括号，位置错误或内容非法会导致降级失效。

rp标签在拼音降级中起什么作用

rp不是装饰性标签，而是专为不支持ruby的老环境设计的 fallback 开关。它本身不参与现代浏览器的注音渲染，只在 IE11、旧安卓 WebView 或部分屏幕阅读器中触发括号包裹行为——没有rp，那些环境里会直接显示「汉hàn」这种不可读形式。

rp必须紧贴rt且内容只能是括号字符

常见错误是把rp写在rt外面，或者给它塞空格、字母甚至中文。浏览器只认一种合法结构：<rt><rp>(</rp>hàn<rp>)</rp></rt>。

• rp必须嵌套在rt内部，开头或结尾均可，但不能跨出
• 内容只能是纯括号：(()、)、[、]，多一个空格就失效
• 空rp标签合法（如<rp></rp>），但必须闭合；未闭合会导致整个ruby块解析失败
• Chrome 会渲染rp内容（括号可见），Safari 则默认隐藏——服务端按 UA 过滤或用 CSS rp { display: none; } 更稳妥

现代项目里要不要加rp

要看目标兼容范围。如果支持 IE11 或需适配老旧教育类 App 内置 WebView，就必须加；否则可省略。但要注意：即使不加rp，也得确保rt存在且结构正确，否则注音根本不会出现。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• 不加rp时，老环境显示「汉hàn」，靠人工识别拼音
• 加了但位置/内容错，老环境可能显示「汉(hàn」或完全忽略括号
• 服务端渲染建议：检测 UA 中含 Trident 或 WebView 关键词时才注入rp，避免 Chrome 多余括号
• 静态站点若已明确放弃 IE，可全局移除rp，专注修复rb+rt结构和 CSS 行高

rp和lang属性配合时容易被忽略的点

rp本身不响应:lang()伪类，但它所在的rt受语言环境影响。比如在:lang(ja)下，rp括号可能被误当成日文标点缩放——这不是 bug，而是字体引擎对括号字符的本地化处理。

立即学习“前端免费学习笔记（深入）”；

• 不要给rp单独设font-size，它应继承rt的尺寸
• 若发现括号大小异常，检查是否rt用了em单位而父元素font-size被重置
• 导出 PDF 或打印前，rp内容会被 wkhtmltopdf 等工具完全忽略，降级文本拼接时需一并提取

实际排版中，rp只是个兜底开关，真正决定注音是否生效的，还是rb和rt是否成对、是否紧邻、是否被正确包裹。