<html>
<body>
<h1>bdi 元素</h1>
<p>在下面的例子中,显示了用户名以及比赛中的得分。如果浏览器不支持 bdi 元素,则阿拉伯语用户的用户名会使文本混淆(双向算法会将冒号和数字“90”放在单词“User”旁边,而不是放在单词“points”旁边”)。</p>
<ul>
<li>User <bdi>Bill</bdi>: 70 分</li>
<li>User <bdi>Steve</bdi>: 80 分</li>
<li>User <bdi>إيان</bdi>: 90 分</li>
</ul>
</body>
</html>