BDI 指的是双向隔离(Bi-Directional Isolation)。
bdi 标签隔离了一部分文本,这部分文本可能在方向上与外部其他文本不同。
当嵌入用户生成的具有未知文本方向的内容时,这个元素是非常有用的。
将用户名从周围的文本方向设置中隔离出来:
<ul>
<li>User <bdi>Bill</bdi>: 70 分</li>
<li>User <bdi>Steve</bdi>: 80 分</li>
<li>User <bdi>إيان</bdi>: 90 分</li>
</ul>