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