bdo的dir属性用于强行关闭Unicode双向算法（UBA）、逐字符视觉重排，而非支持自然双向文本流；必须显式设为ltr或rtl，仅适用于调试、教学或强制倒序等特定场景，日常应优先使用dir属性或bdi。
直接说结论： bdo 的 dir 属性不是用来“支持双向文本流”的，它是用来**强行关闭双向文本算法（UBA）**、做字符级视觉重排的。真要支持混合语言的自然双向排版，该用 dir 属性 + bdi，而不是 bdo。
什么时候必须用 bdo？只在需要强制翻转字符顺序时
bdo 的唯一合法用途是覆盖浏览器默认的 Unicode 双向算法，让“abc”视觉上变成“cba”，或让“مرحبا”变成“ابحرم”。它不关心语言，也不做语义隔离。
- 适合场景：调试 UBA 行为、命令行模拟、艺术化倒序动效、教学演示
- 不适合场景：用户昵称、邮箱、文件路径、表单标签——这些该用
bdi - 常见错误：
<bdo>Hello</bdo>没写dir，完全无效；<bdo dir="auto">...</bdo>是非法写法，会被忽略 - 必须显式写
dir="ltr"或dir="rtl"，大小写敏感，RTL在某些解析器下会失效
bdo dir="rtl" 和 div dir="rtl" 的本质区别
前者是“硬掰渲染顺序”，后者是“声明逻辑方向”。这个区别决定一切。
-
<bdo dir="rtl">ABC 123</bdo>渲染为"321 CBA"（空格和数字全被当普通字符翻转） -
<div dir="rtl">ABC 123</div>渲染为"ABC 123"，但整体右对齐，且数字保持左到右自然顺序 -
div[dir="rtl"]影响盒模型、tab 键顺序、flex 起点；bdo[dir="rtl"]只改字符绘制顺序，不影响布局流 - 复制粘贴时，
bdo内容永远是原始字符串，视觉翻转不进剪贴板
为什么日常开发几乎不该用 bdo？
因为它的行为不可逆、不可预测，且破坏可访问性。
立即学习“前端免费学习笔记（深入）”；
- 屏幕阅读器读的是 DOM 原始顺序，不是视觉顺序——
<bdo dir="rtl">password</bdo>看似隐藏，实则毫无保护作用 - 嵌套
bdo会层层覆盖方向，比如<bdo dir="rtl">A<bdo dir="ltr">BC</bdo>D</bdo>的最终渲染顺序依赖浏览器实现细节，Chrome 和 Firefox 可能不同 - 混入 Unicode 控制符（如
）时，bdo可能与之冲突，导致文字彻底乱序 - 所有现代浏览器都支持
bdi，而bdo的适用场景被严格限定，滥用反而增加维护成本
真正容易被忽略的一点：bdo 不解决“方向污染”，只制造新问题。当你发现某段英文在阿拉伯页面里数字倒了、标点错位，第一反应不该是套 bdo，而是检查是否漏了 bdi 隔离，或父容器 dir 是否设在了正确层级。
