lang属性是语音引擎识别语言的唯一依据，必须严格遵循BCP 47标准写在对应HTML元素上，全局<html lang="zh-CN">仅作回退，局部多语言内容须显式声明lang，动态更新时需同步修改DOM节点lang与SpeechSynthesisUtterance.lang。
lang 属性不是“锦上添花”，而是语音引擎识别语言的唯一依据。不设、设错、或只设在顶层却忽略局部切换，都会导致中文被读成英文音节（比如“行”读成 háng 而非 xíng）。
lang 必须写在具体元素上，不能只靠 <html lang="zh-CN">
全局 lang 只是 fallback。一旦页面里有英文引文、代码片段、人名、术语等，必须给对应元素单独加 lang：
-
<p lang="en-US">The quick brown fox</p>—— 否则整段按中文规则切音节，语音助手会把 “fox” 拆成 “fo-x” 或读成 “福克斯” -
<div lang="ja">こんにちは</div>—— 即使父容器是zh-CN，子元素语言也以自身lang为准 - 嵌套时尤其注意：
<div lang="en">世界</div>中的 “世界” 仍被当英文读 —— 你得给 “世界” 所在标签（如<span>）显式设lang="zh-CN"
lang 值必须符合 BCP 47 标准，常见错误写法
浏览器和语音助手只认标准格式，非标准值会被忽略或降级为系统默认语言：
-
lang="zh"❌ 缺地区码，iOS VoiceOver 和 Chrome on Android 多数回退为英文 -
lang="chinese"❌ 完全非法，等同于没写 -
lang="zh_CN"❌ 下划线不是连字符，正确是zh-CN -
lang="zh-Hans-CN"✅ 可选，用于明确简体中文；但日常用zh-CN已足够覆盖绝大多数场景
动态更新内容时，lang 属性必须同步更新
用 JS 修改文本内容（如搜索结果高亮、翻译切换、AJAX 加载）时，仅改 innerHTML 不够，lang 也得跟着动：
立即学习“前端免费学习笔记（深入）”；
- 错误做法：
el.innerHTML = "Hello world";却没重设el.lang = "en-US"—— 语音助手仍按旧lang解析 - 正确做法：更新文本的同时，显式赋值：
el.lang = "en-US";或el.setAttribute("lang", "en-US"); - 若整个页面语言切换（如中英切换按钮），优先改
document.documentElement.lang，而非只改某个 div
lang 对 Web Speech API 合成的影响
SpeechSynthesis 的 lang 参数必须与目标元素的 lang 一致，否则发音错乱：
- 合成中文时，必须设
utterance.lang = "zh-CN"；设成"zh"或"en-US"，语音引擎可能用英文音调读汉字 - 不同浏览器可用 voice 不同，先调用
speechSynthesis.getVoices()，再过滤出voice.lang === "zh-CN"的 voice 赋给utterance.voice - 即使页面全局
lang="zh-CN"，若某段文字是日文，又想用语音合成朗读它，utterance 的lang仍需单独设为"ja"
最容易被忽略的是：lang 不是“写一次就完事”的属性。它要随内容走、随 DOM 节点走、随语音合成目标走——漏掉任意一层，语音助手就可能开始自由发挥。
