ユーザ名を、周りのテキスト方向の設定から分離します:
<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>
Try it Yourself ❯
BDI は、Bi-directional Isolation の略です。
<bdi> タグは、異なる方向にフォーマットされたテキストの一部を、その外側の他のテキストから分離します。
ユーザが作成した、向きの分からないコンテンツを埋め込む場合、この要素は便利です。
要素 | |||||
---|---|---|---|---|---|
<bdi> | Yes | Not supported | Yes | Yes | Yes |
<bdi> タグは、HTML5で新しく追加されました。
<bdi> タグは、HTML のグローバル属性もサポートします。
<bdi> タグは、HTML のイベント属性もサポートします。