©
本文档使用
php.cn手册 发布
该HTML <bdi>元素（双向隔离）隔离了可能与其他文本的文本格式不同的文本区域。
当向具有固定方向性的文本内插入具有未知方向的文本（比如来自数据库中的文本）时，该元素就有很大的作用。
内容类别 | 流量内容，措辞内容，可触及的内容。 |
|---|---|
允许的内容 | 短语内容。 |
标记遗漏 | 没有，起始和结束标签都是强制性的。 |
允许父母 | 任何接受短语内容的元素。 |
允许ARIA角色 | 任何 |
DOM界面 | HTML元素 |
属性
dir
如同其他HTML元素一样，它包含全局属性，但是有一些语义上的细微差别：dir属性不继承父元素。如果没有设置，默认值即为auto，以便浏览器根据元素内容决定元素内容的方向。
使用说明
尽管在一个<span>或另一个文本格式元素上使用CSS规则unicode-bidi: isolate 可以实现相同的视觉效果，但语义仅由<bdi>元素传递。尤其是，浏览器可以忽略CSS样式。在这种情况下，使用HTML元素仍然可以正确显示文本，但在使用CSS样式表达语义时会变成垃圾。
示例
<p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi>is automatically displayed right-to-left.</p>
返回值
This arabic word REDLOHECALP_CIBARA is automatically displayed right-to-left.
规范
规范 | 状态 | 评论 |
|---|---|---|
WHATWG HTML生活标准该规范中'<bdi>'的定义。 | 生活水平 | |
HTML5该规范中'<bdi>'的定义。 | 建议 |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support | 16 | 10.0 (10.0) | No support | No support | No support |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
Basic support | No support | 10.0 (10.0) | No support | No support | No support |