تعریف و کاربرد
متنی که در داخل تگ <bdi> قرار می گیرد بدون توجه به جهت متن خارج از تگ <bdi> (راست به چپ یا چپ به راست) قرار می گیرد.
برای مثال ما می خواهیم در یک متن فارسی (راست به چپ - rtl) عبارتی انگلیسی (چپ به راست - ltr) بنویسم. به مثال زیر توجه کنید:
<p>سلام من احسان هستم.</p>
<p>سلام من ehsan هستم.</p>
<p>سلام من <bdi>ehsan</bdi> هستم.</p>در خط دوم و سوم ما یک متن دو جهته داریم (فارسی و انگلیسی). اگر خروجی این کد را در آزمایشگاه چک کنید متوجه می شوید که <li> دوم، نا خوانا است ولی در <li> سوم با استفاده از تگ <bdi> متن خوانا شده است.
تگ <bdi> مخفف کلمه Bi-Directional Isolation به معنی جداسازی دوطرفه می باشد.
نکات
نکته: عموما از این تگ برای محتوای تولید شده توسط کاربر استفاده می شود که جهت (direction) آن مشخص نیست.
سازگاری با مرورگر
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| <bdi> |
ویژگی های سراسری
تگ <bdi> از ویژگی های سراسری HTML پشتیبانی می کند.
ویژگی های رویداد
تگ <bdi> از ویژگی های رویداد HTML پشتیبانی می کند.
