德语页面主语言应设为，因de兼容性最广且被所有主流浏览器和读屏软件识别；若需精确匹配德国德语特性（如字体、断词），可用de-DE，但须避免非法格式如de_DE或非标准值如german。
lang 属性必须写在 标签上才有效，其他位置（比如 或 <div>）设了也白设——浏览器和读屏软件只认根标签的值作为整页语言依据。
<h3>德语页面主语言怎么设：用 <code>de 还是 de-DE
两者都合法，但行为有差别：
-
de是通用德语，兼容性最广，所有主流浏览器、NVDA、VoiceOver、Google 都能识别；适合内容不绑定具体国家（比如面向瑞士、奥地利用户的泛德语站点） -
de-DE明确指向“德国德语”，影响字体回退（如系统优先加载德国本地字体）、断词规则（hyphenation）、部分 TTS 引擎发音细节；CMS 和翻译插件更倾向匹配它 - 避免
de_DE（下划线非法）、german（非 BCP 47 标准）、deutsch（被静默忽略）
嵌入英文或法文时，lang 怎么局部覆盖
主语言是德语，不代表所有文本都按德语规则处理。外文词、引文、代码注释必须显式标注，否则屏幕阅读器会用德语音调硬读：
- 单个术语：
<span lang="en">API</span>→ 读作 /ˈeɪ.piː.ˈaɪ/，不是 “阿皮” - 整段英文：
<p lang="en">This is not German.</p> - 引用法文：
<blockquote lang="fr">C’est une citation.</blockquote> - 避免
<div lang="en"> 包一大段混排内容——语义模糊，干扰 <code>:lang(de)CSS 匹配:lang(de)在 CSS 中怎么用才靠谱别只靠
[lang="de"]，它不继承；要用:lang(de)才能穿透到子元素里生效：
DeepBI DHTML 页面生成器下载生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
-
:lang(de) { quotes: "»" "«" "›" "‹"; }→ 德语引号自动套用正确符号 -
:lang(en) { font-family: "Segoe UI", sans-serif; }→ 英文段落切字体，中文/德文保持默认 -
[lang|="de"]可匹配de、de-DE、de-AT，但注意：它不触发浏览器的 hyphenation 或 TTS 切换，仅用于样式 - Chrome/Firefox/Safari 全支持
:lang()，但旧版 Safari 对:lang(de-DE)精确匹配不稳定，建议主用:lang(de)
最容易被忽略的是动态渲染场景：Vue/React 页面首屏 HTML 必须带
，JS 后期执行document.documentElement.lang = "de"完全无效——翻译按钮不出、CSS:lang()不重算、读屏已锁定初始语言。 -
