lang属性是HTML5实现多语言网页无障碍访问的基础机制，它通过明确标注文本语言，影响屏幕阅读器发音、浏览器拼写检查、自动翻译及CSS连字符等行为，并支持嵌套覆盖与aria-label/translate协同优化。
lang 属性是 HTML5 中支撑多语言网页辅助功能最基础也最关键的机制之一。它明确告诉浏览器、屏幕阅读器及其他辅助技术当前文本内容的语言种类，直接影响语音合成的发音、标点朗读方式、拼写检查逻辑，甚至影响某些浏览器的自动翻译触发行为。
准确标注语言提升屏幕阅读器表现
屏幕阅读器（如 NVDA、JAWS、VoiceOver）依赖 lang 属性选择对应语言的语音引擎和语法规则。例如：
- 中文页面未设 lang="zh-CN"，英文单词可能被按中文音读出；
- 一段嵌入的法文引文若未用 <span lang="fr">标注，标点停顿、重音位置可能错乱；
- 双语混排时（如中英术语对照），逐段或逐词标注 lang 可让阅读器实时切换语音模型。
支持浏览器级语言感知功能
现代浏览器基于 lang 属性启用多项本地化处理：
- 自动识别并高亮拼写错误（需用户系统已安装对应语言词典）；
- 在支持的环境中触发右键“翻译成中文”等上下文菜单选项；
- 影响某些 CSS 属性的行为，如 hyphens: auto（连字符断行）仅在 lang 明确且浏览器支持该语言时生效。
嵌套与继承：合理使用子级 lang 属性
lang 具有继承性，但允许在任意元素上覆盖。推荐做法：
立即学习“前端免费学习笔记（深入）”；
- 根元素 <html lang="zh-Hans"> 设定主语言及书写变体（简体/繁体）；
- 外文人名、专有名词、代码片段等短内容，用 <span lang="en"> 包裹；
- 整段非母语文本（如英文参考文献），用 <section lang="en"> 或 <blockquote lang="ja"> 等语义化标签包裹；
- 避免在无实际语言切换意义的容器（如 div、span 仅作样式用途）上滥用 lang。
配合 aria-label 和 translate 属性增强控制力
lang 解决“是什么语言”，但不解决“该怎么读”。必要时可组合使用：
- 对缩写或易误读词，用 aria-label 提供语音友好型读法（如 <abbr lang="en" aria-label="HyperText Markup Language">HTML</abbr>）；
- 对不希望被浏览器翻译的内容（如品牌名、代码标识符），添加 translate="no"；
- 注意：translate 属性不影响辅助技术对语言的判断，lang 仍是核心依据。
不复杂但容易忽略——一个正确设置的 lang 属性，往往比复杂的 ARIA 技巧更能即时改善多语言用户的访问体验。
