多音字必须逐字用包裹并配独立，伴奏读音校对需人工听辨语境、查词典、验HTML结构，且须用VoiceOver/NVDA最终朗读校验。
多音字必须拆成单字+独立<rt></rt>，不能合并拼音；伴奏读音校对核心是“听语境、查词典、看上下文”，不是靠自动库硬标。
多音字必须逐字包裹<rb></rb>并配独立<rt></rt>
浏览器对多音字的注音逻辑只认“一对一”结构，<ruby>否<rt>pǐ</rt></ruby>合法，<ruby>否<rt>fǒu/pǐ</rt></ruby>非法——后者会被语音引擎跳过或误读为“fǒu slash pǐ”。
- 每个汉字都得套一层
<rb></rb>，哪怕单字也别省略：<ruby><rb>长</rb><rt>zhǎng</rt></ruby>（成长） vs<ruby><rb>长</rb><rt>cháng</rt></ruby>（长度） - 两字词如“重庆”，若强调地名读音，应整体标：
<ruby>重庆<rt>Chóngqìng</rt></ruby>；若教学字本音，则必须拆开：<ruby><rb>重</rb><rt>chóng</rt><rb>庆</rb><rt>qìng</rt></ruby> - 动态生成时，用
pinyin-pro等库获取拼音后，务必按字符索引逐个插入<rb></rb>和<rt></rt>，不能字符串替换后直接塞进<ruby></ruby>里
伴奏读音校对不能跳过人工听辨
AI生成的拼音常忽略语境变调（如“一”在“一个”中读yí，“一起”中读yì）和轻声（如“我们”的men不标声调），直接套用会导致歌词朗读失真。
- 先对照原唱音频逐句听：重点抓连读、停顿、拖音位置，判断哪个字实际承担重音或变调
- 再查《现代汉语词典》或《普通话异读词审音表》，确认该语境下的规范读音（如“血”在“流血”中读
xiě，非xuè） - 最后检查HTML结构：是否每个字都有
<rb></rb>，<rt></rt>是否紧贴对应<rb></rb>，有没有空格或换行混入
ruby-align: center必须显式声明且配<rb></rb>
Safari 16及更早版本不实现ruby-align默认居中，Chrome/Firefox在text-align: right下也会失效。没<rb></rb>，<rt></rt>就失去锚点，拼音会左飘或垂直错位。
立即学习“前端免费学习笔记（深入）”；
- 所有含
<ruby></ruby>的CSS文件开头加：ruby { ruby-align: center; -webkit-ruby-align: center; } -
<rb></rb>不可省略，哪怕单字也要写：<ruby><rb>了</rb><rt>le</rt></ruby>，而非<ruby>了<rt>le</rt></ruby> - 配合设置：
ruby { line-height: 1.2; } rt { font-size: 0.6em; line-height: 1; }，否则ruby-align视觉上无效
最易被忽略的是：拼音标注不是技术问题，而是语言决策问题。同一个字在不同歌词句子里可能读音不同，必须逐句定音，不能复用模板。标完之后，用VoiceOver或NVDA朗读一遍，听它是否真的按你写的顺序和读音输出——这才是最终校验。
