<bdi>标签允许设置一段文本，使其脱离其父元素的文本方向设置。
bdi 指的是 bidi 隔离（Bi-directional Isolation），当在有固定方向性的文本中，嵌入未知方向性的文本时（例如来自数据库的文本），该元素非常有用。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
</head>
<body>
<ul>
<li>用户 <bdi>A</bdi>: 60 分</li>
<li>用户 <bdi>B</bdi>: 100 分</li>
<li>用户 <bdi>C</bdi>: 90 分</li>
</ul>
</body>
</html>
在下面的示例中,显示着每个用户比赛的分数。将用户名从周围的文本方向设置中隔离出来。
表格中的数字表示支持该属性的第一个浏览器版本号。
| Safari | Chrome | FireFox | IE |
| 5.0 | 11.0 | 12.0 | - |