<bdi>


HTML <bdi> Tag

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>在下面的示例中,显示着每个用户比赛的分数。将用户名从周围的文本方向设置中隔离出来。</p>

<ul>
 <li>用户 <bdi>hrefs</bdi>: 60 分</li>
 <li>用户 <bdi>jdoe</bdi>: 80 分</li>
 <li>用户 <bdi>إيان</bdi>: 90 分</li>
</ul>

<p><b>注意：</b> 目前只有 Firefox 和 Chrome 浏览器支持 bdi 标签。</p>

</body>
</html>

Run Example»

Click the "Run Instance" button to view the online instance

Browser support

1000.png

Currently only Firefox and Chrome browsers support <bdi> tag.

Tag definition and usage instructions

bdi refers to bidi isolation (Bi-directional Isolation). The

<bdi> tag allows you to set a piece of text independent of the text direction setting of its parent element.

This tag is useful when posting user comments or other content that you don't have complete control over.

Differences between HTML 4.01 and HTML5

The<bdi> tag is a new tag in HTML5.

Global attributes

<bdi> tag supports HTML global attributes.

Event attributes

<bdi> tag supports HTML event attributes.