HTML <bdi> 标签

定义和用法

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>

亲自试一试

全局属性

<bdi> 标签还支持 HTML 中的全局属性

事件属性

<bdi> 标签还支持 HTML 中的事件属性

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 不支持 15.0