lang="en"不是正确写法，必须明确为en-us或en-gb；否则屏幕阅读器读音错误、翻译异常、seo降权、css:lang匹配失效、局部内容不继承语言属性，且spa中仅js改lang无效。
lang="en" 不是万能的英语兜底写法，它只是起点；真实项目里必须明确到 en-US 或 en-GB，否则屏幕阅读器可能读错重音、翻译工具可能翻成澳式英语、SEO 也可能被降权。
lang="en" 和 lang="en-US" 的实际区别在哪
表面上都显示为“英文”，但底层行为完全不同：浏览器和辅助技术依据 BCP 47 规范解析语言标签，en 是语言主标签，en-US 才是完整、可被可靠识别的区域变体。Google、NVDA、VoiceOver、Chrome 翻译等全部依赖后者做语音合成、词典匹配与排版决策。
-
en→ 被视为“未指定地区”的泛英语，部分工具会降级处理或 fallback 到默认（如美式） -
en-US→ 明确启用美式拼写检查、美式日期/数字格式、美式语音引擎（如 “schedule” 读 /ˈskɛdʒuːl/） -
en-GB→ 触发英式拼写（colour）、标点习惯（引号外置）、语音（“schedule” 读 /ˈʃɛdjuːl/） - 写
en_US或english→ 直接失效，BCP 47 只认短横线分隔、小写字母
为什么页面里只写
错误不在于语法报错——它完全合法，而在于它让关键链路“静默失效”。你不会看到红字，但以下问题会在用户侧真实发生：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- Chrome 翻译按钮不出现，或点了直接把整页翻成南非荷兰语（因
en缺乏地区锚点，翻译服务无法确定源语种上下文） - Screen reader 把 “tomato” 读成 /təˈmɑːtəʊ/（英式），哪怕你网站面向美国用户
-
:lang(en)CSS 规则无法匹配<p lang="en-US"></p>元素，因为:lang()是严格前缀匹配，不是模糊包含 - 搜索引擎可能将多语言站点中所有
lang="en"页面归为同一组，导致 hreflang 标注冲突或漏标
表格、代码块、引用这些局部内容怎么设 lang
全局 不会自动传导到子元素。浏览器和辅助技术对 <table>、<code><pre class="brush:php;toolbar:false;"></pre>、<blockquote></blockquote> 等容器不继承语言意图，必须显式标注。
-
<td lang="fr">Paris</td>→ 表格单元格必须单独加lang，不能靠<table lang="en-US"> <li> <code><pre class="brush:php;toolbar:false;" lang="bash">curl -X POST</pre>→ 命令行片段用lang="bash"（非标准但广泛支持），比lang="en"更利于语法高亮和翻译识别 -
<blockquote lang="ja">ありがとうございます</blockquote>→ 引用日文时，必须覆盖全局语言，否则 VoiceOver 会用英语音读假名 - 避免
<p lang="en"><span>API</span></p>这种写法：内层<span></span>没有lang，仍继承en，但 “API” 实际是术语，应写成<span lang="en">API</span>或更准的<span lang="en-US">API</span> - 正确做法：语言切换必须触发整页刷新（
window.location.href = "/en-US/"），或服务端渲染（SSR）直接输出新lang值 - 强行用
document.documentElement.outerHTML替换整个树 → ARIA 缓存不清、NVDA 可能卡顿、部分 iOS Safari 版本会丢失焦点状态 - 若坚持前端切换，至少同步更新所有已带
lang的子元素（如<p lang="en-US"></p>→<p lang="en-GB"></p>），否则混排内容语言标识断裂 - 静态站点（Jekyll/Hugo）应为每个语言版本生成独立 HTML 文件，
lang硬编码进模板，不走 JS
单页应用（SPA）切换语言时，只改 document.documentElement.lang 不行
DOM 属性更新 ≠ 语言环境重载。屏幕阅读器、浏览器翻译、CSS :lang() 都在首屏 HTML 解析阶段完成绑定，后续 JS 修改只是改了个字符串。
最常被忽略的点：lang 不是“页面显示什么文字”的声明，而是“页面该用哪套语言规则来处理文字”的契约。写错它，就像给快递单填了模糊地址——包裹不报错，但可能送到隔壁州。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
