bdi は bidirectional(双方向)の略で、左から右に読む英語と、右から左に読むヘブライ語が混ざるような双方向テキストにおいて、周囲の方向と独立して存在する区分を示すのに用いられます。
例えば、右から左に読む言語圏の「ABCD」さん(右から読むので「ディ・シー・ビー・エー」さんと読みます)が3つの記事を投稿した場合、「ABCD: 3 posts」と記述すると、ブラウザは「: 3」が左から読む文章の一部なのか、右から読む文章の一部なのかを判断することができず、「3: ABCD posts」と表示してしまうことがあります。
この問題を防ぐために、「<bdi>ABCD</bdi>: 3 posts」と記述しておくことにより、正確に「ABCD: 3 posts」と表示させることが可能となります。
<p>User ABCD: 3 posts.<p> <p>User <bdi>ABCD<bdi>: 3 posts.<p>