bdo 标签不是方向控制而是字符翻转，它无视语言语义，仅按 dir 属性机械倒序渲染字符；dir 必须小写且仅限 "ltr"/"rtl"，不支持 "auto"；适用场景极少，仅限调试、教学或特定动效。
bdo 标签不是用来“设定字符渲染方向”的，而是强制逐字符视觉翻转——它绕过 Unicode 双向算法（UBA），把内部所有字符按 dir 值机械重排。误当方向控制用，文本会直接错乱。
为什么 bdo 不是方向控制，而是字符翻转
bdo 的行为和语言、语义、上下文完全无关：它只看 dir 属性，然后从右往左（dir="rtl"）或从左往右（dir="ltr"）依次绘制每个字符（包括 ASCII 字母、数字、标点）。这不是 RTL 排版，是字面倒序。
-
<bdo dir="rtl">abc123</bdo>渲染为321cba，不是右对齐的abc123 -
<bdo dir="ltr">مرحبا</bdo>渲染为ابحرم，不是可读的阿拉伯语 - 纯中文如
<bdo dir="rtl">你好</bdo>会变成好你，毫无语义
bdo 必须显式声明 dir，且只接受 "ltr" 或 "rtl"
dir="auto" 在 bdo 中非法，浏览器会忽略或 fallback 到 ltr，导致希伯来文、阿拉伯文直接乱码（如 <bdo dir="auto">שלום</bdo> 显示为 םולש）。
- 省略
dir属性 → 完全不生效，部分旧浏览器跳过该元素 -
DIR="RTL"（大写）在 XHTML 中可能被拒绝解析 - 动态绑定时（如 Vue/React 的
<bdo :dir="d">）需确保d是严格小写的"ltr"或"rtl"
真正需要 bdo 的极少数场景
日常多语言混排、表单、评论、用户输入等，一律不该用 bdo；它只适用于明确接受“视觉与数据分离”代价的调试或特殊 UI 需求：
- 验证某段纯 ASCII 文本是否被意外 RTL 化：
<bdo dir="rtl">https://example.com</bdo>若显示为moc.elpmaxe//:sptth，说明渲染层已被覆盖 - 教学演示 UBA 异常：对比
<bdi>Hello عالم</bdi>（自动隔离）和<bdo dir="rtl">Hello عالم</bdo>（强制翻转） - UI 动效中临时镜像数字（如倒计时翻转动画），但注意复制粘贴仍是原始顺序
嵌套 bdo、混用 dir 属性、依赖剪贴板内容做校验——这些都会放大风险。它只改眼睛看到的，不改 DOM 文本值、不改屏幕阅读器朗读顺序、不改正则匹配结果。真要处理多向文字流，优先用 dir 属性或 <bdi>，而不是硬掰渲染顺序。
