<title> 不支持 lang 属性，其语言完全继承自 <html lang="...">；必须确保根元素 lang 值合法（如 zh-CN）、正确声明，否则标题的朗读、翻译、SEO 均失效。
网页标题栏（<title>）本身不支持 lang 属性，它完全继承自 <html lang="..."> 的语言声明——标题栏显示什么语种，取决于根元素的 lang 值是否正确、是否被浏览器和辅助技术识别。
为什么 <title> 不能加 lang 属性
<title> 是元数据容器，HTML 规范明确禁止在其上设置 lang。你写成 <title lang="en">Hello</title> 不会报错，但所有主流浏览器和屏幕阅读器都会忽略这个 lang，只认 <html> 上那个。
常见错误现象：
- 页面主体是中文，
<html lang="zh-CN">没写，只在<title>里加了lang="zh"→ Chrome 翻译按钮不出现，NVDA 把“API”读成 /ˈeɪ.piː.ˈaɪ/ 还是 /ai-oh-es/ 完全随机 - 多语言站点中，
<html lang="en">固定写死，但<title>显示中文 → 标题被搜索引擎当作“英文页含中文标题”，可能降权或误标语言
标题栏语种实际由什么决定
真正起作用的是三件事：
立即学习“前端免费学习笔记（深入）”；
-
<html lang="zh-CN">必须存在且合法（不是zh、zh_CN、Chinese） -
<title>文本内容本身要与该lang语义一致（比如lang="zh-CN"下写“欢迎访问”，而不是“Welcome to our site”） - 若标题中混有外文术语（如 “React Hooks 入门”），需用内联元素显式标注，例如：
<title>React Hooks <span lang="en">入门</span></title>—— 但注意：部分浏览器对<title>内嵌标签支持不稳定，实际更推荐把外文词直接保留在中文上下文中，靠根lang主导发音逻辑
动态切换语言时标题栏怎么同步更新
用户点击“切换为英文”后，仅改 document.title = "Home | English" 是不够的；如果没同步更新 document.documentElement.lang，屏幕阅读器仍按旧语种朗读标题，Chrome 翻译按钮也不会变。
必须同时做两件事：
- 执行
document.documentElement.lang = "en"（不是document.body.lang） - 重设
document.title，哪怕只是重复赋值一次：document.title = document.title，这能触发部分读屏软件重新抓取根节点语言信息
但要注意：已激活的 NVDA/JAWS 不会实时响应这种 JS 修改——它们只读取初始 HTML 解析结果。所以生产环境强烈建议服务端渲染不同语言版本，或整页刷新。
最容易被忽略的一点
<title> 里的文字不会因为加了 lang 就自动翻译，也不会因为写了 zh-Hans 就比 zh-CN 更准；它只是整个语言链路中一个被动环节。真正卡住可访问性、SEO 和翻译体验的，永远是那个写在 <html> 开头、只出现一次、看似最不起眼的 lang 值。
