HTML <bdi> 标签

HTML <bdi> 标签代表双向孤立元素。它用于告知浏览器将可能以与周围文本相反的方向格式化的文本跨度隔离出来。

此标签是 HTML5 中的新标签，对于阿拉伯语或希伯来语等语言很有用，或者当浏览器动态插入一些文本而又不知道文本的方向性时也很有用。

注意：<bdi> 标签内的内容的双向性不受周围内容双向性的影响。

语法

以下是关于 <bdi> 标签的一些规范

示例

输出

属性

标签特定属性

<bdi> 标签不包含任何特定属性

全局属性

<bdi> 标签支持所有全局属性

事件属性

<bdi> 标签支持所有事件属性

<bdi> 和 <bdo> 之间的区别

HTML <bdi> 标签是 HTML5 的新元素，它与 HTML <bdo> 元素非常相似。但两者之间的主要区别在于，<bdi> 标签将内容与其周围内容隔离开来，而 <bdo> 标签则反转方向。有时 <bdo> 标签可能会导致一些意外的渲染错误，因此请尝试在需要时使用 <bdi>。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<bdi>	是的	不能	是的	是的	是的