不是便利工具，而是强制逐字符翻转视觉顺序的底层机制；日常rtl场景应使用dir属性，仅在调试、教学或临时镜像时才需。
<bdo></bdo> 不是「设个方向就能用」的便利工具，它本质是强制逐字符翻转视觉顺序的底层覆盖机制。绝大多数 RTL 场景（比如显示阿拉伯语、希伯来语段落）应该用 dir 属性，而不是 <bdo></bdo>。
什么时候必须用 <bdo dir="rtl"></bdo>
只有当你需要「镜像显示原始字符串」且不改变其 Unicode 编码顺序时才真正需要它——典型如：
- 调试双向文本渲染异常（比如发现浏览器把某段英文 URL 在 RTL 段落里错排了）
- 演示
unicode-bidi: bidi-override的纯视觉效果（教学或测试） - 生成临时镜像文案（如 UI 中的倒计时数字翻转动画，但注意：这不是语义化做法）
日常多语言内容展示、表单标签、按钮文字等，一律用 dir="rtl" 直接加在容器上，比如 <div dir="rtl"> 或 <code><p dir="rtl"></p>。
<bdo dir="rtl"></bdo> 会破坏相邻数字和弱类型字符的排布
这是最容易踩的坑：<bdo dir="rtl">مرحبا 123</bdo> 渲染后，123 会出现在阿拉伯文字左边，且整体视觉顺序是 123 ابهرم —— 因为 <bdo></bdo> 强制所有字符（包括空格和数字）按 RTL 顺序重排，而数字本身属于 Unicode “weak type”，没有固有方向，完全服从覆盖指令。
如果你只是想让「مرحبا」右对齐、同时保持「123」正常左向阅读，正确写法是：
<span dir="rtl">مرحبا</span> 123
或者用 CSS：
<span style="direction: rtl; unicode-bidi: embed">مرحبا</span> 123
dir 属性在 <bdo></bdo> 中是必需的，但不能靠它“修复”语义
<bdo></bdo> 元素的 dir 属性不是可选配置，而是强制声明项；省略会触发 HTML 验证警告，部分旧浏览器可能忽略该元素。
但它和普通元素上的 dir 语义完全不同：
- 普通
<p dir="rtl"></p>：告诉浏览器“这段文本按 RTL 语义解析”，保留内部数字、拉丁词的自然方向 -
<bdo dir="rtl"></bdo>：告诉浏览器“不管 Unicode 类型，全部按 RTL 视觉顺序重排”，彻底绕过双向算法
React/Vue 中动态切换方向时，<bdo :dir="currentDir"></bdo> 虽然语法可行，但极易因数据更新导致视觉跳变或嵌套混乱；更稳的方式是用 dir + unicode-bidi: plaintext 或直接换用 CSS 的 direction 和 text-align 组合。
复制粘贴行为暴露了 <bdo></bdo> 的非语义本质
你在页面上看到 <bdo dir="rtl">Hello 123</bdo> 显示为 321 olleH，但一旦复制粘贴到记事本或编辑器中，内容立刻变回 Hello 123 —— 因为 <bdo></bdo> 只改显示，不改 DOM 文本节点的真实顺序。
这意味着它无法用于 SEO、屏幕阅读器朗读、或任何依赖真实文本顺序的场景。如果需求是「让屏幕阅读器也按 RTL 顺序读出」，必须用语义化方案（如 dir="rtl" + 正确的 Unicode 文本），而非视觉欺骗。
