<bdi>


HTML <bdi>タグ

インスタンス

<!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>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

1000.png

現在は Firefox とChrome は <bdi> タグをサポートしています。

ラベルの定義と使用手順

bdi は、bidi 分離 (双方向分離) を指します。

<bdi> タグを使用すると、親要素のテキスト方向設定とは独立してテキストを設定できます。

このタグは、ユーザーのコメントや、完全に制御できないその他のコンテンツを投稿する場合に便利です。

HTML 4.01とHTML5の違い

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

グローバル属性

<bdi> タグは HTML グローバル属性をサポートします。

イベント属性

<bdi> タグは HTML イベント属性をサポートします。