bdo 元素通过 dir="rtl" 或 dir="ltr" 对字符进行字面级顺序翻转，不触发 Unicode 双向算法，嵌套或误用会导致视觉与逻辑混乱，仅适用于调试、教学或特殊动效。
直接写 <bdo dir="rtl">，不是“设方向”而是“翻字符”
写 <bdo dir="rtl">Hello</bdo> 不会让文字右对齐或按阿拉伯语逻辑排版，它会把每个字符从右往左机械重绘——但纯英文本身是强 LTR 字符，视觉上可能看不出变化；而一旦混入数字或标点（如 <bdo dir="rtl">abc123</bdo>），就会变成 321cba。这不是排版错误，是 bdo 的设计行为：绕过 Unicode 双向算法（UBA），只做字面级顺序翻转。
bdo 的 dir 属性只能是 "ltr" 或 "rtl"
dir="auto" 在 bdo 中无效，浏览器会忽略或 fallback 到 ltr，导致希伯来文、阿拉伯文显示为乱序（如 <bdo dir="auto">שלום</bdo> 渲染成 םולש）。漏写 dir 属性，bdo 完全不生效。大小写也敏感：DIR="RTL" 在 XHTML 环境下可能被拒绝解析。
- 正确写法只有两种：
<bdo dir="rtl">نص عربي</bdo>或<bdo dir="ltr">مرحبا</bdo> - 动态渲染时避免用
<bdo :dir="currentDir">（Vue）等绑定，属性更新易引发视觉跳变 - 检查真实值要用
bdoElement.getAttribute("dir")，而不是bdoElement.dir（后者可能返回缓存旧值）
嵌套 bdo 会导致不可预测的翻转叠加
外层 <bdo dir="rtl"> 包内层 <bdo dir="ltr">，浏览器会先对外层内容整体 RTL 排布，再对内层子内容单独 LTR 绘制——两层翻转叠加后，视觉顺序极难人工推演。例如：<bdo dir="rtl">a1<bdo dir="ltr">b2</bdo>c3</bdo> 在混排 Unicode 字符时，结果可能因浏览器实现差异而不同。
- 嵌套不是“取消上层效果”，而是“叠加翻转”，逻辑失控风险高
- 不要用
bdo替代 CSS 的direction+text-align组合——前者只改渲染层，后者影响布局流和 UBA - 纯中文或 ASCII 文本误用
bdo，只会造成意外倒序（如<bdo dir="rtl">你好</bdo>变成好你）
复制粘贴内容仍是源顺序，不是渲染顺序
bdo 只改变视觉渲染，不修改 DOM 文本节点值：textContent、innerText、正则匹配、服务端解析、用户 Ctrl+C 复制出来的，全是原始字符串。这意味着：
立即学习“前端免费学习笔记（深入）”；
- 前端若靠剪贴板内容校验邮箱或用户名（如
<bdo dir="rtl">أحمد123</bdo>），拿到的是أحمد123，不是视觉上看到的321أحمد - 屏幕阅读器仍按源码顺序读出文本，盲人用户听到的是翻转前的内容
- 服务端模板中输出用户生成内容时，应优先用
<bdi>隔离，而非bdo强制重排
真正需要 bdo 的场景极少，基本只出现在调试 UBA 异常、教学演示或特定动效（如倒计时数字镜像动画）中；日常方向控制，请用 dir 属性或 <bdi>。
