先记住这个答案
lang 告诉浏览器一段文字主要使用哪种语言，读屏发音和拼写检查可能据此调整。中文页面里嵌入英文段落，可在局部元素单独设置 lang="en"，不必改整页。它不会自动把阿拉伯语排成从右到左，文字方向仍要由 dir 和布局规则处理。
lang声明自然语言- 局部外语可单独写
lang - RTL 方向用
dir表达 - 语言不会自动改变 Flex 主轴
中文页面中的英文和阿拉伯语
中文帮助中心里引用一段英文按钮文字。文档根写 lang="zh-CN"，英文短语可在包裹元素上写 lang="en"，读屏语音更容易切换发音。如果站点有阿拉伯语页面，还应根据内容设置 dir="rtl"，不能只把 lang 改成 ar 就期待导航和图标方向全部正确。混排段落要核对标点和双向文本表现。
<html lang="zh-CN">
<body>
<p>点击 <span lang="en">Save</span> 保存。</p>
<p lang="ar" dir="rtl">نص عربي</p>
</body>
</html>lang 是自然语言元数据，可由后代继承；dir 控制双向文本的基方向，常见值有 ltr、rtl 和 auto。
示例中 Save 是英文词，因此局部标 lang="en"；阿拉伯语段落同时标了 lang="ar" 和 dir="rtl"。若只写后者，布局方向对了，读屏仍可能按页面主语言尝试发音；若只写前者，发音提示对了，视觉排版未必正确。两个属性解决不同问题，不能互相代替。混合内容还应在目标浏览器里检查标点和数字的排列。
语言与方向是两套信息
两者相关，但一个语言并不总对应唯一书写方向，更不能推断页面布局所有物理边。CSS 的 writing-mode 又是另一层，它决定文字行的排列轴向。多语言组件应分别处理语言、方向和逻辑边距，避免把英文默认从左到右的假设写死。
中英混排的技术文档中，页面主语言是中文，但一段英文引文可局部设 lang="en"，帮助读屏切换发音。若把整页都标成英文，中文正文反而可能被错误发音。dir="auto" 可用于用户输入方向未知的区域，但语言仍须按实际内容确定；不能把语言、方向和浏览器界面地区当成同一字段。
如果英文品牌名嵌在中文句子里，是否逐个词都加 lang 要看读屏效果与维护成本；整段完整英文引文通常更值得显式标记。页面还可能在用户切换语言时只替换可见文字，却忘记更新根元素 lang，导致读屏仍按旧语言发音。语言状态应随内容一起更新，而不是只调整日期格式或 CSS 对齐。
容易答错的地方
- 认为
lang="ar"自动设置 RTL - 语言标记不会替代
dir，方向要显式处理。 - 只在根元素写语言，忽略局部外语
- 局部语言片段可另设
lang，帮助读屏正确发音。
面试官还会怎么问？
双向混排的未知用户输入怎么处理？
可考虑 dir="auto" 或专门的双向文本元素，再按实际内容测试标点顺序。
lang 会改变 CSS Flex 主轴吗？
不会直接改变；方向由 dir、direction 和 writing-mode 等决定。
zh-CN 与 zh-TW 主要影响什么？
它们标识语言地区变体，可用于读音、拼写和内容处理，不自动切换成竖排。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。