<bdo>必须带dir属性才生效，因其无默认方向，不继承父元素dir，也不fallback到auto；dir仅支持大小写敏感的"ltr"或"rtl"，"auto"非法；无dir则标签无效。
bdo 不是用来“修改方向”的通用排版工具，它干的是更底层的事：**强制逐字符翻转视觉渲染顺序**。用错地方，轻则显示错乱，重则复制粘贴内容和看到的完全对不上。
为什么 bdo 必须带 dir 属性才生效
bdo 没有默认方向行为，浏览器不会继承父元素的 dir，也不会 fallback 到 auto。不写 dir 就等于没写这个标签。
-
dir只能是"ltr"或"rtl"，大小写敏感；DIR="RTL"在 XHTML 中可能被拒绝解析 -
dir="auto"在bdo里非法，直接无效 - 常见错误：
<bdo>שלום</bdo>—— 视觉上毫无变化，因为没指定方向指令
bdo dir="rtl" 不是“右对齐”，而是“镜像翻转”
它不是让文字靠右显示，而是把字符串每个字符按 RTL 顺序重新排列。比如 <bdo dir="rtl">Hello</bdo> 渲染出来是 olleH，不是 Hello 右对齐。
- 阿拉伯语文本
<bdo dir="ltr">مرحبا</bdo>会变成视觉上的ابحرم（纯字符逆序） - 数字混排时也照翻不误：
<bdo dir="rtl">abc123</bdo>→321cba - 这不是语言意义上的 RTL 排版，没有考虑 Unicode 中性字符（如空格、标点）的天然行为
哪些场景真该用 bdo，哪些其实该换 bdi
真正需要 bdo 的情况极少，多数所谓“方向问题”其实是隔离需求，该用 bdi。
立即学习“前端免费学习笔记（深入）”；
- 该用
bdo的：调试双向算法异常、展示密码遮掩后的逆序字符串、模拟命令行光标在 RTL 环境下的反向移动 - 该用
bdi的：用户昵称（如<bdi>أحمد</bdi>）、评论内容、数据库动态插入的未知语言文本 - 完全不该用
bdo的：单纯想让中文右对齐（用text-align: right）、整段阿拉伯语文本（直接给容器设dir="rtl"）、数字在 RTL 文本中保持正常顺序（Unicode 已自动处理）
复制粘贴和可访问性是最容易被忽略的坑
bdo 只改视觉层，DOM 文本节点值、剪贴板内容、屏幕阅读器读取顺序，全部维持原始顺序。前端若依赖 document.execCommand('copy') 或监听 paste 事件做校验，很容易出错。
- 用户 Ctrl+C 复制
<bdo dir="rtl">abc</bdo>，粘贴出来仍是abc，不是cba - 屏幕阅读器仍按源码顺序朗读，但视觉上是镜像的，对视障用户构成误导
- 嵌套
bdo时，外层dir="rtl"+ 内层dir="ltr"会逐层覆盖，结果难预测，尤其混排空格或标点时
