html参考手册

HTML <bdi> 标签

HTML <bdi> 标签 实例 将用户名从周围的文本方向设置中隔离出来: <ul> <li>User <bdi>hrefs</bdi>: 60 points</li> <li>User <bdi>jdoe&..

实例

将用户名从周围的文本方向设置中隔离出来:

<!DOCTYPE html>
<html>
<body>

<p>
In the example below, usernames are shown along with the number of points in a contest.
If the bdi element is not supported in the browser, the username of the Arabic user would confuse the text (the bidirectional algorithm would put the colon and the number "90" next to the word "User" rather than next to the word "points").
</p>

<ul>
 <li>User <bdi>hrefs</bdi>: 60 points</li>
 <li>User <bdi>jdoe</bdi>: 80 points</li>
 <li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

<p><b>Note:</b> The bdi element is currently supported only in Firefox and Chrome.</p>

</body>
</html>


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

目前只有 Firefox 和 Chrome 浏览器支持 <bdi> 标签。


标签定义及使用说明

bdi 指的是 bidi 隔离(Bi-directional Isolation)。

<bdi> 标签允许您设置一段文本,使其脱离其父元素的文本方向设置。

在发布用户评论或其他您无法完全控制的内容时,该标签很有用。


HTML 4.01 与 HTML5之间的差异

<bdi> 标签是 HTML5 的新标签。


全局属性

<bdi> 标签支持 HTML 的全局属性


事件属性

<bdi> 标签支持 HTML 的事件属性

© 内存溢出 OutOfMemory.CN