HTML5 bdiの組込み

書字方向の異なる言語が混在する文書において、括弧やコロン、ピリオドが意図されない場所に配置されることがある。bdiタグは、これを「隔離」させ、周辺の文字から影響を受けないようにする。

ソースコード

<ul>
   <li>User<bdi>ワタナベ</bdi>: 12 posts.</li>
   <li>User<bdi>直子</bdi>: 5 posts.</li>
   <li>User<bdi>إيان</bdi>: 3 posts.</li>
</ul>

実行結果

  • Userワタナベ: 12 posts.
  • User直子: 5 posts.
  • Userإيان: 3posts.