<bdi>
<bdi> 要素は、周囲のテキストの方向性から分離されるべきテキストの範囲を表します。
概要
<bdi> 要素は、周囲のテキストの方向性から分離されるべきテキストの範囲を表します。
対応ブラウザ
デスクトップ
Chrome 16+
Edge 79+
Safari 6+
Firefox 10+
モバイル
Chrome Android 18+
Safari iOS 6+
Firefox Android 10+
基本構文
HTML
<ul>
<li>ユーザー名: <bdi>إيان</bdi> — スコア: 90</li>
<li>ユーザー名: <bdi>John</bdi> — スコア: 85</li>
</ul>実務での使いどころ
-
<bdi> の活用
双方向テキストの分離を行う要素。ユーザー生成コンテンツの安全な表示に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。