如何通过HTML lang属性标记德语内容-html教程-PHP中文网

德语页面主语言应设为，因de兼容性最广且被所有主流浏览器和读屏软件识别；若需精确匹配德国德语特性（如字体、断词），可用de-DE，但须避免非法格式如de_DE或非标准值如german。

如何通过html lang属性标记德语内容

lang 属性必须写在标签上才有效，其他位置（比如或

）设了也白设——浏览器和读屏软件只认根标签的值作为整页语言依据。德语页面主语言怎么设：用 de 还是 de-DE

两者都合法，但行为有差别：


de 是通用德语，兼容性最广，所有主流浏览器、NVDA、VoiceOver、Google 都能识别；适合内容不绑定具体国家（比如面向瑞士、奥地利用户的泛德语站点）

de-DE 明确指向“德国德语”，影响字体回退（如系统优先加载德国本地字体）、断词规则（hyphenation）、部分 TTS 引擎发音细节；CMS 和翻译插件更倾向匹配它
避免 de_DE（下划线非法）、german（非 BCP 47 标准）、deutsch（被静默忽略）

嵌入英文或法文时，lang 怎么局部覆盖
主语言是德语，不代表所有文本都按德语规则处理。外文词、引文、代码注释必须显式标注，否则屏幕阅读器会用德语音调硬读：

单个术语：API → 读作 /ˈeɪ.piː.ˈaɪ/，不是 “阿皮”
整段英文：This is not German.

引用法文：C’est une citation.

避免  包一大段混排内容——语义模糊，干扰 :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() 不重算、读屏已锁定初始语言。