HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML: <bdi>タグ

HTML <bdi> 要素（バイドレクションアイテム）は、異なる方向でフォーマットされる可能性のある外部テキストを隔離します。テキストがどの方向からインラインされるかを知らない場合（例えば、データベースからのテキストなど、テキストの方向が指定されている場合）、この要素は非常に有用です。

オンラインサンプル

ユーザー名を周囲のテキストの方向設定から分離する：

例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基础教程(oldtoolbag.com)/title>　
</head>
<body><ul>
　　　<li><bdi　class="name">Evil　Steven</bdi>:　1st　place</li>
　　　<li><bdi　class="name">François　fatale</bdi>:　2nd　place</li>
</ul>
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

タグの定義及び使用説明

bdiはbidi isolation（Bi-directional Isolation）

<bdi> タグは、テキストを親要素のテキスト方向設定から切り離すことを許可します。

ユーザー评论の投稿や完全にコントロールできない内容を公開する際に、このタグは非常に役立ちます。

HTML 4.01 とHTML5の間の違い

<bdi> タグはHTML5 の新しいタグ。

グローバル属性

<bdi> タグのサポート HTMLのグローバル属性。

イベント属性

<bdi> タグのサポート HTMLのイベント属性。

HTML: <bdo>タグ HTML: <basefont>タグ