多音字必须人工判断语境后用一对一标注，不可在中写多个拼音；工具如pinyin-pro需关闭多音模式并配合上下文校验，HTML仅呈现、不理解语义，人工校验不可省略。

多音字不能靠自动工具“猜”，必须人工判断语境后，用 分别包裹、 单独标注——否则语音引擎读错、屏幕阅读器混乱、CSS 也调不准。

为什么一个 里写多个拼音（如 fǒu/pǐ）是错的

浏览器和读屏软件会把 当作一个不可分割的注音单元。写成 否fǒu/pǐ，语音引擎可能朗读为 “fǒu slash pǐ”，或直接跳过。W3C 明确要求 （可省略）与 一对一映射。

• 正确做法是：上下文明确时，只标实际读音，例如「否极泰来」中写 否pǐ
• 若需对比展示（如教学场景），用并列结构：否pǐ否fǒu，两个“否”字分别对应不同拼音
• 绝对不要在 里塞斜杠、括号、空格——这些不是拼音字符，会破坏语义和渲染

pinyin-pro 或 pypinyin 自动生成时怎么防多音字翻车

这类库默认返回常用音（如「长」返回 cháng），但不会看上下文。直接喂句子进去，大概率标错。

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• 用 pinyin-pro 时，必须传 { heteronym: false }（关闭多音字模式），再配合人工校验；开启 heteronym: true 会返回数组，但无法自动匹配字位，反而导致 / 数量不一致
• 用 pypinyin.lazy_pinyin() 时，禁用 errors='ignore'，否则遇到英文、数字、标点会丢项，造成后续 缺位
• 真正稳妥的做法：先按字切分（list(text)），对每个汉字单独调用 get_pinyin(char, context=...)，把上下文词（如「长大」「长度」）作为参数传入自定义逻辑

浏览器渲染多音字标注时最易忽略的兼容细节

Safari 和旧版 Android WebView 对 的 font-size 缩放比不一致，同一段 HTML 在 Chrome 显示正常，在 Safari 可能拼音挤成一团或被截顶。

• 别依赖全局 CSS 类；给每个 加内联样式：pǐ
• 父容器务必设 line-height: 1.8 以上，否则 顶部容易被上一行挤压
• 移动端 Safari 不支持 ruby-position: under，想做“下方注音”只能用 data-pinyin + CSS 伪元素模拟，但会丢失语义和可访问性——不如老老实实标上方

多音字标注的复杂点不在标签怎么写，而在于“哪个音该标在哪”。HTML 只负责呈现，不负责判断；工具只负责转换，不负责理解。人工校验这一步，省不掉，也绕不过。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！